body{font-family: 'Exo2-Regular';}
.navbar.navbar-default{position:fixed; width: 100%; border:0; border-radius:0; background:#fff; border-bottom:1px solid #fff; top:17px; z-index:9999;}

.navbar.navbar-default.shrink-nav{ top: 0; background:  #db4e41 }

.navbar.navbar-default .navbar-brand{width: 266px; height: 361px;
    background: #db4e41;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 5px;
    top: -223px;
    z-index: 2;
    opacity: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;}

.navbar.navbar-default.shrink-nav .navbar-brand{height: 120px;transition: 500ms;padding-top: 10px;}
.navbar.navbar-default .navbar-brand img{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    left:92px;
    top:215px;
    max-width: 137px;
    width: 137px;
}
.navbar.navbar-default.shrink-nav .navbar-brand img{margin:0; transition: 500ms; width: 100px; max-width: 100px; left: 188px; top: 188px}
/*.navbar.navbar-default .navbar-brand:before{content: '';position: absolute;width: 0;top: 0;left: -14px;height: 0;border-bottom: 14px solid #0b5f5f;border-left: 15px solid transparent;}
.navbar.navbar-default .navbar-brand:after{content: '';position: absolute;width: 0;top: 0;right: -14px;height: 0;border-bottom: 14px solid #0b5f5f;border-right: 15px solid transparent;}*/
.navbar.navbar-default .navbar-nav li a{font-size: 16px;text-transform:uppercase;padding:34px 0;position: relative;transition: 500ms;}
.navbar.navbar-default .navbar-nav li a.btn-success{border:2px solid #777;background:transparent;border-radius:50px;padding:7px 15px;margin: 25px 0;transition: 500ms;}
.navbar.navbar-default .navbar-nav li{margin: 0 25px;transition: 500ms;}
.navbar.navbar-default.shrink-nav .navbar-nav li a{padding:30px 0;transition: 500ms; color:#ffb4ad}
.navbar.navbar-default.shrink-nav .navbar-nav li.active a{ color: #fff }
.navbar.navbar-default.shrink-nav .navbar-nav li a.btn-success{margin:22px 0; transition:500ms; padding:6px 15px; border-color: #fff; color: #fff}
.navbar.navbar-default .navbar-nav li:last-child{margin: 0;}
.navbar.navbar-default .navbar-nav li:nth-child(05){margin-left: 0;}
.navbar.navbar-default .navbar-nav li:last-child a.btn-success{margin-right: 0; border-color: #db4e41; background: #db4e41; color: #fff}

.navbar.navbar-default.shrink-nav .navbar-nav li:last-child a.btn-success{ background: #fff; border-color: #fff; color: #525252 }


.navbar.navbar-default .navbar-nav li a.btn-success:hover{transition: 500ms; background: #47B545; color: #fff; border-color: #47B545}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav a:hover, .navbar-default .navbar-nav>a:focus{background: transparent;color: #db4e41;}
.navbar.navbar-default .navbar-nav li.active a:after{content: '';position: absolute;width: 0;bottom: 0;left: 0;right: 0;margin: 0 auto;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #db4e41;}


.navbar.navbar-default.shrink-nav .navbar-nav li.active a:after{ border-bottom-color: #fff }

.banner{background:url(../images/banner.png); background-repeat:no-repeat; background-size:cover; padding:266px 0 150px;}
.banner h1{font-size: 46px; text-align: center; color: #fff;}
.banner h1 span{font-family: 'Exo2-Bold';}
.banner .line{margin: 25px auto;display: block;}
.banner p{text-align: center;color: #fff;margin-top: 0;font-size: 18px;}
.banner ul{list-style-type: none;margin: 0 auto;display: table;}
.banner ul li{display: inline-block;}
.banner ul li a.btn-success{border:2px solid #fff;background:transparent;border-radius: 30px; padding:8px 30px 12px;margin:25px 10px 0;transition: 500ms;font-size: 24px;font-family: 'Exo2-Bold'; line-height: initial; text-transform: uppercase;}
.banner ul li a.btn-success.signsup{ background: #db4e41; border-color: #db4e41 }

.banner ul li a.btn-success:hover{border-color:#47B545; transition: 550ms;background:#47B545}

.banner_bottom{padding:100px 0;}
.banner_bottom .icon{background:rgba(0,0,0,.3);height: 158px;width:158px;margin:0 auto;padding:29px 0; display:table; border-radius: 50%; text-align: center;}
.banner_bottom .icon .icon_inner{background: rgba(255,255,255,1);background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0.79) 28%, rgba(0,0,0,0.20) 100%);background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(28%, rgba(255,255,255,0.79)), color-stop(100%, rgba(0,0,0,0.20)));background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0.79) 28%, rgba(0,0,0,0.20) 100%);background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0.79) 28%, rgba(0,0,0,0.20) 100%);background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0.79) 28%, rgba(0,0,0,0.20) 100%);background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,0.79) 28%, rgba(0,0,0,0.20) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 );height: 100%;width: 100%;margin: 0 auto;border-radius: 50%;padding: 20px 0;}
.banner_bottom_box{ padding:0 30px; text-align: center;}

.banner_bottom h3{font-size: 20px; text-align:center;color:#5e6573; margin:40px 0 0}
.banner_bottom p{font-size: 15px;text-align: center;color: #7e8696; margin:15px 0 0; line-height: 22px}
.gray_bg{ background: #f8f8f8 }
.gray_bg.new_footer {background: #f8f8f8; text-align: center;} 
.gray_bg.new_footer .col-sm-6 {width: 100%;} 
.works_section{padding:100px 0;}
.works_section h2{font-size: 46px;text-align: center;color: #5e6573; margin: 0}
.works_section h2 span{font-family: 'Exo2-Bold'; color: #DB4E41}
.works_section h3{font-size: 26px;text-align: center;color: #5e6573;margin:10px auto 0;}
.works_section .steps_outer{padding: 35px 0 0;}
.works_section .steps_outer .col-sm-2{padding-left: 0;}
.works_section .steps{height: 97px;width: 97px;background:#DB4E41; border-radius: 50%; -webkit-box-shadow:0px 20px 30px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow:0px 20px 30px 0px rgba(50, 50, 50, 0.2); box-shadow:0px 20px 30px 0px rgba(50, 50, 50, 0.2); position: relative;}
.works_section .steps h5{font-size: 55px;text-align: center;font-family: 'Exo2-Bold';color: #fff;padding: 13px 0;}
.works_section .steps:before{ width: 5px; height:230px; position: absolute; left:48px; top: 70px; content: ''; background:#DB4E41}

.works_section .steps_detail{ padding:0 0 0 100px}

.works_section .steps_detail h4{font-size:36px;color:#5e6573;font-family: 'Exo2-Bold';margin-top: 10px;}
.works_section .steps_detail p{font-size: 23px;color:#5e6573;margin-top: 0;}
.works_section .step_img{margin: 0 auto;display: block; max-width: 100%}

.stsps_first{ padding-top: 80px }

.divider{ border-bottom: 1px solid #D1D1D1; position: relative; margin:90px 0 80px}
.divider:before{ width: 100px; height: 4px; background: #D1D1D1; position: absolute; left: 0; top:-4px; content: '' }

.works_section.faq{background:linear-gradient(0deg,#f3a74e,rgba(44,197,123,0)),linear-gradient(90deg,#37c7ae,rgba(55,190,199,0) 90%),linear-gradient(0deg,#F8C488,#F78055); margin-top: 10px}
.works_section.faq h2, .works_section.faq h2 span{ color: #fff }
.works_section.faq h3{color:#fff; opacity:.9}
.works_section.faq h4{font-size: 20px;color:#5e6573; margin: 0}
.works_section.faq p{font-size: 16px;color:#5e6573; margin:15px 0 0}


#quote-carousel {
    padding:0;
    margin-top: 60px;
}

#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 0.4;
    overflow: hidden;
    transition: all .4s ease-in;
    vertical-align: middle;
}
#quote-carousel .carousel-indicators .active {
    opacity: 1;
    transition: all .2s;
}
.item blockquote {
    border-left: none;
    margin: 0; padding: 30px; background: #fff;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}







.contact{background:#DB4E41; position:relative; padding:20px 20px 10px}
.contact .icon{height: 110px;width: 110px;background: #fff;border: 1px solid #053636; margin: 0 auto;border-radius: 50%;margin-top: -55px;text-align: center;line-height: 130px;}
.contact .icon img{margin: 30px auto;display: block;}
.contact h2{text-align: center;font-family: 'Exo2-Bold';font-size: 36px;text-transform: capitalize;margin-top: 30px;margin-bottom: 25px;}
.contact .form-group{ margin-bottom: 10px }
.col_first{ padding-right: 5px }
.col_scnd{ padding-left: 5px }
.contact .form-group .form-control{height:36px;background: #fff;border:1px solid #d4def2; box-shadow:none; border-radius: 4px;}
.contact .form-group textarea.form-control{height:60px; resize: none; margin-bottom: 0; display: inline-table; width:79%}
.contact .form-group a.cust_btn{height: 60px;margin: 0 auto;color: #fff; font-size:15px; text-transform:uppercase;  font-family: 'Exo2-Bold'; background:transparent; display:inline-table; border-radius:4px; transition:500ms; margin-bottom: 0; vertical-align: top; background:#333; border-color:#333; padding: 18px 30px; float: right;}
.contact .form-group a.cust_btn:hover{color: #fff;background: #47B545; border-color:#47B545; transition: 500ms;}
footer{padding:100px 0; border-top:1px solid #e1e1e1}
footer img{display:table}
footer p{font-size: 14px; color:#5e6573; margin:5px 0 0; line-height: inherit;}
footer p a{color:#DB4E41;}

.footer_left a.footer_log{background: #DB4E41; display: table; padding: 10px; border-radius: 5px; margin-bottom: 12px}
.footer_left a.footer_log img{ height: 78px; }

.footer_left a.footer_log{background: #DB4E41; display: table; padding: 10px; border-radius: 5px; margin-bottom: 12px; margin: 0 auto 12px;}
.footer_left a.footer_log img{ height: 78px; }


.sgup_flied{}
.sgup_flied label{ margin: 10px 0; font-family: 'Exo2-Bold'; }
.sgup_flied input, .sgup_flied select{ background: #E3E8EE; border-color:#d3d8de; box-shadow: none; height: 44px; border-radius: 3px; font-size: 15px; padding: 6px 15px}
.sgup_flied input:focus, .sgup_flied select:focus{ border-color:#DB4E41; box-shadow: none; background: #fff }




.radio input[type=radio]{ opacity: 0 }
.radio label{
  display: block;
  position: relative;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

.radio label.radio_label{ font-size: 15px }

.radio .check{
  display: block;
  position: absolute;
  border: 3px solid #fff;
  border-radius: 100%;
  height: 18px;
  width: 18px;
  top: 1px;
  left: -4px;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
}


.radio .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 8px;
  width: 8px;
  top: 2px;
  left: 2px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

/*.radio input[type=radio]:checked ~ .check {
  border: 5px solid #0DFF92;
  }*/

  .radio input[type=radio]:checked ~ .check::before{
    background: #fff;
  }

/*.radio input[type=radio]:checked ~ label{
  color: #0DFF92;
  }*/



  /* Base for label styling */
  .checkbx [type="checkbox"]:not(:checked), .checkbx [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
  }
  .checkbx [type="checkbox"]:not(:checked) + label, .checkbx [type="checkbox"]:checked + label {
    position: relative;
    padding-left:38px;
    cursor: pointer;
  }

  /* checkbox aspect */
  .checkbx [type="checkbox"]:not(:checked) + label:before,
  .checkbx [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0; top: 0;
    width:24px; height:24px;
    border:2px solid #7e8696;
    background: #fff;
    border-radius: 4px;
  }
  /* checked mark aspect */
  .checkbx [type="checkbox"]:not(:checked) + label:after,
  .checkbx [type="checkbox"]:checked + label:after {
    content: "\f00c";
    font-family: 'Fontawesome';
    position: absolute;
    top:1px; left:4px;
    font-size:16px;
    color:#DB4E41;
    transition: all .2s; border-color: #DB4E41;
  }
  /* checked mark aspect changes */
  .checkbx [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
  }
  .checkbx [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
  }
  /* disabled checkbox */
  .checkbx [type="checkbox"]:disabled:not(:checked) + label:before,
  .checkbx [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
  }
  .checkbx [type="checkbox"]:disabled:checked + label:after {
    color: #999;
  }
  .checkbx [type="checkbox"]:disabled + label {
    color: #aaa;
  }

  /* hover style just for information */
  /*.checkbx label:hover:before {
    border: 2px solid #F64D10!important;
  }*/

  .checkbx [type="checkbox"]:not(:checked) + label:hover:before, .checkbx [type="checkbox"]:checked + label:hover:before{ border-color: #DB4E41}


  .terms{}
  .works_section.faq.terms h2{padding-bottom:40px;font-size:36px; margin:0}
  .works_section.faq.terms p{font-size:14px}
  .works_section.faq.terms p strong{margin-bottom:10px; font-size:16px}

  .table.packagestable>tbody>tr>td{ border: 0 }
  .banner.blog{padding-top: 180px; padding-bottom:70px;}
  .blog_section{background: #edf3ff;padding-top: 10px;padding-bottom: 250px;margin-bottom: -250px;}
  .blog_section .left{background: #edf3ff;}
  .blog_section .blog_item{padding:0 10px 20px;border-bottom: 1px solid #ccc;margin-top: 20px;}
  .blog_section .blog_item:last-child{border-bottom: 0;}
  .blog_section .blog_item a{font-size: 24px;color: #053636;display: block;text-decoration: none;}
  .blog_section .blog_item a:hover{opacity: 0.8;}
  .blog_section .blog_item p{margin-bottom: 0;margin-top: 10px;}
  .blog_section .blog_item .category-badge span{background: #053636;color: #fff;padding: 5px 10px 6px 10px;}
  .blog_section .blog_item .read-more-btn{font-size: 18px;color: #053636;display: block;text-align: right;}
  .blog_section .blog_item .read-more-btn:hover{opacity: 0.8;text-decoration: none;}
  .blog_section .container{border: 1px solid #ccc;margin-top: 40px;background: #e1e7f5;}
  .side_menu .side_title{text-align: center;color: #000;border-bottom: 1px solid #ccc;padding-bottom: 20px;}
  .side_menu .cat-group{list-style-type: none;padding-left: 0;}
  .side_menu .cat-group li a{font-size: 16px;border-bottom: 1px solid #ccc;display: block;margin-bottom: 10px;padding-bottom: 10px;padding-left: 10px;text-decoration: none;color: #053636;}
  .side_menu .cat-group li a .fa{margin-right: 8px;}
  .side_menu .cat-group li a:hover{opacity: 0.8;}
  .side_menu .cat-group li a .post-date{padding-left: 18px;}
  .side_menu .cat-group li a p{margin-bottom: 0;}
  .commented-box{margin-top:30px;padding:0 10px 20px;border-bottom: 1px solid #ccc;}
  .commented-box .comment-text{margin: 0; }
  .comment-form{margin-top: 30px;}
  .comment-form .input-group{width: 100%;}
  .comment-form .input-group .form-control{height: 42px;background: transparent;}
  .comment-form .input-group textarea.form-control{height: 42px;background: transparent;height: 150px;resize: none;margin-top: 15px;}
  .comment-form .input-group input[type="submit"]{width: 120px;color: #053636;font-size: 18px;height: 42px; background: transparent;border:2px solid #053636;margin-top: 15px;margin-bottom: 30px;transition: 1s;}
  .comment-form .input-group input[type="submit"]:hover{background: #053636;color: #fff;transition: 1s;}

  .banner_b{ padding:200px 0 100px; background: url(../images/terms.png) left -50px;}

  .banner_c{background: url(../images/signup.png) left -350px;}

  .terms{ color: #7e8696; line-height: 22px;}
  .terms strong, .terms b{ font-family: 'Exo2-Bold'; color: #5e6573; padding-bottom:5px; display:inline-table;}

  .terms h2{ text-align: left; font-size: 30px; margin:30px 0}
  .terms h3{ text-align: left; margin:0 0 20px}

  .terms input[type="submit"]{background:#DB4E41; border:0; box-shadow:none; border-radius:4px; font-size:16px; padding:10px 25px; text-transform:uppercase; color:#fff;}

  .form-group.checkbx {font-family: 'Exo2-Bold';}
  .form-group.checkbx a{ color:#DB4E41 }

  /*responsive*/
  @media only screen and (max-width: 1199px){
   .works_section .steps_outer {padding: 40px 0;}
   .steps_outer .steps_detail{padding-left: 30px;}
 }
 @media only screen and (max-width: 991px){
   .navbar.navbar-default .navbar-nav li{margin: 0 10px;}
   .navbar.navbar-default .navbar-nav li a{font-size: 15px;}
   .banner h1{font-size: 34px;}
   .banner_bottom h3{font-size: 16px;}
   .banner_bottom p{font-size: 16px;}
   .works_section .steps_detail h4{font-size: 20px;}
   .steps_outer .steps_detail{padding-left: 30px;}
   .works_section .steps_detail p{font-size: 16px;}
   .works_section .steps_outer {padding: 48px 0;}
   .works_section.faq h4{font-size: 18px;}
   .works_section.faq p{font-size: 16px;}
   footer{padding-top: 180px;}
   .navbar.navbar-default .navbar-brand{margin-left: 3px;}
 }
 @media only screen and (max-width: 767px){
   .navbar.navbar-default .navbar-brand{height: 115px;padding-top: 5px;}
   .navbar.navbar-default .navbar-nav li a{font-size: 16px;}
   .navbar.navbar-default .navbar-nav{text-align: center;}
   .navbar.navbar-default .navbar-nav li a {padding: 18px 0;}
   .navbar.navbar-default.shrink-nav .navbar-nav li a {padding: 18px 0;}
   .navbar.navbar-default .navbar-nav li a.btn-success{margin: 3px auto}
   .navbar.navbar-default .navbar-nav li:last-child a.btn-success{margin: 3px auto}
   .navbar.navbar-default.shrink-nav .navbar-nav li a.btn-success{margin: 3px auto}
   .navbar.navbar-default .navbar-nav li:nth-child(05){margin:3px auto;}
   .banner{padding-top: 160px;}
   .banner_bottom{padding-top: 30px;background: #053636;margin-top: 10px;padding-bottom: 0;}
   .banner_bottom p{margin-bottom: 30px;}
   .works_section .steps{margin: 0 auto}
   .works_section .steps_detail h4{text-align: center;margin-top: 30px}
   .works_section .steps_detail p{text-align: center;}
   .works_section .step_img{display: none;}
   .works_section .steps_outer{padding: 15px 0;}
   .works_section{padding: 30px 0;}
   .works_section h2{font-size: 32px;}
   footer{background: #053636;margin-top: 0;padding-top: 30px;}
   .steps_outer .steps_detail{padding-left: 0;}
   .navbar.navbar-default .navbar-brand{margin-left: 15px;}
 }
 @media only screen and (max-width: 619px){
   .navbar-collapse{padding-top: 40px;}
   .banner h1{font-size: 28px;padding:0 15px;}
   .works_section h2{font-size: 24px;padding: 0 15px;}
   .works_section h3{font-size: 16px;padding: 0 15px;margin-bottom: 10px;}
   .contact{margin-top: 90px;}
   .banner ul{text-align: center;}
   .banner ul li a.btn-success{margin: 15px 0;}
 }
 .margin-top-200{
   margin-top: 200px;
 }