/**
 * ========================================
 * GENERAL STYLES
 * ========================================
 */

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700);
@import url(fontello/css/fontello.css);
body {
    font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
    font-weight: 400;
	line-height: 1;
	color: #292929;
	max-width: 100%;
    background:  #fff;
}

.text-center{text-align: center}
a:focus{outline: none; text-decoration: none}
label{font-weight: 400}
/**
 * ========================================
 * COMMON CLASSES
 * ========================================
 */
.wraper{overflow: hidden}
header{position: relative; }
.navbar-default a.navbar-brand {  display: inline-block;  height: 41px;  line-height: 41px;  overflow: hidden;  margin: 27px 0 20px 0;  padding: 0;  }
#main-menu.navbar-default {  font-size: 18px;  background-color: #fff;  border-width: 0;  border-radius: 0; margin-bottom: 0  }
.navv{list-style: none; margin-bottom: 0; padding-left: 0;overflow: hidden;}
#main-menu.navbar-default .navbar-nav{margin-top: 25px;}
#main-menu .nav-second-main{margin-top: 30px;}
#main-menu .log-in{margin-right: 30px; margin-left: 20px}
#main-menu .log-in .btn{margin-left: 10px; min-width: 100px}
#main-menu.navbar-default .navbar-nav>li>a {  color: #292929;  background-color: transparent; font-size: 14px  }
#main-menu.navbar-default .navbar-nav>li>a:hover,
#main-menu.navbar-default .navbar-nav>li>a:focus {  color: #00acec;  background-color: transparent;  }
#main-menu.navbar-default .navbar-nav>.active>a,
#main-menu.navbar-default .navbar-nav>.active>a:hover,
#main-menu.navbar-default .navbar-nav>.active>a:focus {  color: #00acec;  background-color: transparent;  }
#main-menu.navbar-default .navbar-nav > li.mega-menu {  position: inherit;  }
#main-menu.navbar-default .navbar-nav > li.mega-menu > ul {  max-width: 100%;  width: 100%;  }
#main-menu .nav-pills > li > a{border-radius: 3px;}
.mega-menu .dropdown-menu{box-shadow: none; border: none; background-color: #00acec; padding: 15px 0}
.navbar-nav .open .dropdown-menu{background-color: #00acec;}

.navbar-toggle{border: none; margin-top: 30px; padding: 5px; }
.navbar-default .navbar-toggle .icon-bar{height: 4px; width:40px; background-color: #00acec}
.navbar-default .navbar-toggle.collapsed .icon-bar{background-color: #666}

.navbar-toggle .icon-bar + .icon-bar{margin-top: 7px;}
.navbar-default .navbar-toggle:focus , .navbar-default .navbar-toggle:hover {background-color: transparent}
.navbar-default .navbar-toggle:hover .icon-bar{background-color: #00acec}

@media only screen and (max-width: 767px) {
    .navbar-default a.navbar-brand{padding-left: 15px;}

}
.submenu{text-align: center; margin-bottom: 20px; margin-top: 20px;}
.submenu a{color: #fff; font-size: 18px; display: inline-block; padding: 0 15px; position: relative}
.submenu a:before{width: 1px; height: 22px; position: absolute; content: ""; top: -1px; right: 0; background-color: #fff}
.submenu a:last-child:before{width: 0; background-color: transparent}
.submenu-cta{color: #fff; font-size: 18px; text-align: center}

.submenu2{text-align: center}
.submenu2 a{border-right: 2px solid #fff; display: inline-block; color: #fff; font-size: 18px; line-height: 1.3em; padding: 15px 35px;}
.submenu2 a:last-child{  border:none ;}
@media only screen and (max-width: 1200px) {
    #main-menu .log-in{margin-left: 0; margin-right: 20px;}
    #main-menu.navbar-default .navbar-nav > li > a{padding-left: 5px; padding-right: 5px;}
}
@media only screen and (max-width: 992px) {

    #main-menu .log-in{margin-left: 0; margin-right: 20px;}
    #main-menu .log-in .btn{min-width: 80px}
    #main-menu.navbar-default .navbar-nav > li > a{padding-left: 5px; padding-right: 5px;}
}


@media only screen and (max-width: 767px) {
    .navbar-nav{margin-left: 1px;}
    .submenu{text-align: left; margin-bottom: 0px; margin-top: 0px; }
    .submenu a:before{width: 0; background-color: transparent}
    .submenu-cta{text-align: center}
    .submenu-cta .btn{ margin-top: 15px;}
    .navbar-collapse{background-color: #fff}
    #main-menu.navbar-default .navbar-nav > li > a{text-align: left; color: #000; padding-top: 10px; padding-bottom: 10px; position: relative; }
    #main-menu.navbar-default .navbar-nav > li > a:before{content: ""; position: absolute; bottom: 0; right: 15px; left: 15px; height: 0px; background-color: #dddddd}
    #main-menu.navbar-default .navbar-nav > li.dropdown { background-color: #fff}
    #main-menu.navbar-default .navbar-nav > li > a:hover,#main-menu.navbar-default .navbar-nav>li>a:focus{color:#00cdff }

    .submenu a{display: block; text-align: left; padding: 15px; border-bottom: none; color: #000; font-size: 14px;}
    .navbar-nav  .dropdown-menu{position: static; background-color: #fff}
    .mega-menu .dropdown-menu{padding: 0}
    .navbar-nav .open .dropdown-menu{background-color: transparent}
    .submenu-cta .btn{margin-top: 0; background-color: transparent; padding: 0}
    #main-menu .log-in .btn-primary{ padding-top: 6px; padding-bottom: 6px;}
    #main-menu .log-in .btn-primary:hover{border-color: #00cdff; background-color: #00cdff}
    #main-menu .log-in .btn{min-width: 80px}
}
.left-btn-menu span{display: block; width: 40px; height: 4px; background-color: #333; margin-bottom: 6px}
.left-btn-menu span:last-child{margin-bottom: 0}
.left-btn-menu:hover span{background-color: #00aeef}


.head-social{list-style: none; margin-bottom: 0;  margin-top: 30px; padding-left: 0;overflow: hidden; float: right}
.head-social .social-menu{text-align: center; margin:  0}
.head-social .social-menu a{display: inline-block; color: #b7b7b7; font-size: 26px; border: 2px solid #b7b7b7; margin: 0 5px; height: 40px; width: 40px; border-radius: 2px; padding: 5px 0;}
.head-social .social-menu a:hover{background-color: #b7b7b7; color: #fff}

.navv .social-menu{}
.navv .social-menu a{display: inline-block; color: #b7b7b7; font-size: 26px; border: 2px solid #b7b7b7; margin: 0 5px; height: 40px; width: 40px; border-radius: 2px; padding: 5px 0;}
.navv .social-menu a:hover{background-color: #b7b7b7; color: #fff}



/**************MAIN SLIDER ****************/
#bg-slider-section{overflow: hidden; position: relative}
.carousel .item{min-height: 630px; padding-bottom: 200px; background-size: cover; background-repeat: no-repeat; background-position: center}
.carousel.c-fade .item {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
.carousel.c-fade .active.left,
.carousel.c-fade .active.right {  left: 0;  z-index: 2;  opacity: 0;  filter: alpha(opacity=0);  }
.carousel.c-fade .next,
.carousel.c-fade .prev {  left: 0;  z-index: 1;  }
.carousel.c-fade .carousel-control {  z-index: 3;  }

.image-1{background: url(../images/slider/1.jpg) no-repeat center ; background-size: cover}
.image-2{background: url(../images/slider/2.jpg) no-repeat center ; background-size: cover}
.image-3{background: url(../images/slider/3.jpg) no-repeat center ; background-size: cover}
.image-4{background: url(../images/slider/4.jpg) no-repeat center ; background-size: cover}

.main-slider .slider-content{padding: 10% 0  5% 0}
.main-slider .slider-content h1{font-size: 60px; color: #fff; font-weight: 300; text-shadow: 0 0 9px rgba(0,0,0,0.4); margin-bottom: 5px; }
.main-slider .slider-content h2{font-size: 36px; color: #fff; font-weight: 300; text-shadow: 0 0 9px rgba(0,0,0,0.4); margin: 5px 0; margin-bottom: 40px;}

#slider-section{position: absolute; bottom: 0; left: 0; right: 0; z-index: 99}
.circle-up{position: absolute; bottom: 25px; left: 50%; margin-left: -18px;}
.main-slider .slider-content .btn-lg{font-size: 30px; display: block; max-width: 365px; margin: 0 auto}
.list-benefices{padding-bottom: 50px; overflow: hidden}
.list-benefices ul{list-style: none; margin: 0; padding: 0;}
.list-benefices li{float: left; width: 12.5%; text-align: center; font-size: 14px; color: #fff; font-weight: 300}
.list-benefices li span{display: block; margin-top: 18px;}
.list-benefices.gradient li img{ height: 45px; filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);}
.gradient{
    background: -moz-linear-gradient(top,  rgba(41,41,41,0) 0%, rgba(41,41,41,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(41,41,41,0)), color-stop(100%,rgba(41,41,41,1)));
    background: -webkit-linear-gradient(top,  rgba(41,41,41,0) 0%,rgba(41,41,41,1) 100%);
    background: -o-linear-gradient(top,  rgba(41,41,41,0) 0%,rgba(41,41,41,1) 100%);
    background: -ms-linear-gradient(top,  rgba(41,41,41,0) 0%,rgba(41,41,41,1) 100%);
    background: linear-gradient(to bottom,  rgba(41,41,41,0) 0%,rgba(41,41,41,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00292929', endColorstr='#292929',GradientType=0 );
}
@media only screen and (max-width: 767px) {
    .main-slider .slider-content h1{font-size: 30px; text-align: center}
    .main-slider .slider-content h2{font-size: 20px; text-align: center}
    .main-slider .slider-content .btn{font-size: 16px;}
    .carousel .item{padding-bottom: 100px; min-height: 400px;}
    .list-benefices li{width: 25%; margin-bottom: 20px}
}

/************** SECTION ****************/
section{padding: 30px 0}
.bg-silver{background-color: #ebebeb}
.section-title{font-size: 30px; font-weight: 300; color: #292929; text-align: center; margin-bottom: 40px;}
.cta{text-align: center; margin: 5% 0 0 0}
.cta h3{font-size: 36px; margin-bottom: 20px; margin-top: 10px; font-weight: 600; color: #292929}
.cta h3 small{font-size: 24px; display: block; color: inherit}


.h-works .section-title{margin-bottom: 90px}
.h-works .item{text-align: center; margin-bottom: 25px}
.h-works .item:before{width: 45%; content: ""; position: absolute; height: 1px; background-color: #000; top: 25px; left: 75%}
.h-works .item.last:before{width: 0}
.h-works .item a{color: #333}
.h-works .item a.active{color: #00aeef}
.h-works .item a:hover{text-decoration: none}
.h-works .item h6{font-size: 20px; margin: 15px 0; font-weight: 300}
.h-works .item p{display: block; font-size: 18px; line-height: 1.3em; color: #292929; }
.h-works .item img{height: 45px}

.h-works .tab-content h5{font-size: 20px; color: #292929; margin-bottom: 20px; text-align: center}
.h-works .tab-content p{font-size: 14px; font-weight: 300}

@media only screen and (max-width: 992px) {
    .h-works .section-title{margin-bottom: 40px}
}
@media only screen and (max-width: 767px) {
    .h-works .item:before{width: 0}
}

.h-works-us{background-color: #ebebeb}
.h-works-us .item{text-align: center; margin-bottom: 30px; margin-top: 30px}
.h-works-us .item img{height: 45px;}
.h-works-us .item span{display: block; font-size: 20px; line-height: 1.3em; color: #292929; margin-top: 10px ; font-weight: 300}
.h-works-us .item a:hover{text-decoration: none}
.h-works .ic-w{font-size: 14px;}
.h-works .ic-w img{margin-bottom: 10px;}
.h-works .ht .desc{line-height: 1.2em}

.h-works .hy .ic-w img{margin: 15px 0 0 0}
.h-works .hy .desc{font-size: 24px; line-height: 1.2em;}

.v-line{position: relative}
.v-line:before{content: ""; position: absolute; right: 1px; width: 1px; height: 60%; bottom: 0; background-color: #000}

@media only screen and (max-width: 767px) {
    .h-works-us .item span{font-size: 14px;}
    .v-line{padding-bottom: 15px; margin-bottom: 10px;}
    .v-line:before{content: ""; position: absolute; right: 50px; left: 50px; width: auto; height: 1px; bottom: 0; background-color: #000}
}
.clients ul{list-style: none; margin: 0; padding: 0}
.clients li{width: 20%; float: left}
.clients .item{text-align: center; margin: 15px 20px}
.clients .item img{filter: grayscale(100%); -webkit-filter: grayscale(100%); max-width: 100% }
.clients .item a:hover img{filter: grayscale(0);-webkit-filter: grayscale(0);}
.clients .item p{font-size: 18px; font-weight: 600; margin-top: 20px; }
@media only screen and (max-width: 767px) {
    .clients li{width: 50%; float: left}
    .clients li:last-child{margin-left: 25%}
}
.feedback .item  img{max-width: 100%; width: 100%}
.feedback .item .t{text-align: right; font-size: 20px; border-bottom: 2px solid #b7b7b7; padding-bottom: 4px; margin-bottom: 20px; margin-left: 40px; position: relative; margin-top: 10px; }
.feedback .item .t small{font-size: 14px; font-weight: 300}
.feedback .item .t:before{content: ''; position: absolute; left: -40px; top: 20px; background: url(../images/icon-feedback.png) no-repeat; width: 31px; height: 26px;}
.feedback .item p{font-size: 14px;}

.cta-2{background: url(../images/cta-2_bg.jpg) no-repeat center; background-size: cover;  padding-bottom: 50px ; padding-top: 50px;  }
.cta-2 h2{font-size: 36px; font-weight: 300; margin-bottom: 25px; color: #fff}
.cta-2 p{font-size: 18px; margin-top: 20px;  line-height: 1.4em; color: #fff; margin-bottom: 35px; font-weight: 300}
.cta-2 .btn:hover img{
    -webkit-animation: cssRotate 1s 16 ease;
    -moz-animation: cssRotate 1s 16 ease;
    -o-animation: cssRotate 1s 16 ease;
}
@media only screen and (max-width: 767px) {
    .cta-2 h2{font-size: 22px; text-align: center}
    .cta-2 p{font-size: 14px; text-align: center}
    .cta-2 .btn{font-size: 16px;}
}
/************** SECTION Solutions ****************/
.solutions{ padding-top: 80px }
.solutions .item,.widget-solution.item{ margin: 0px 0px 30px 0;  text-align: center; padding-bottom: 0px;}
.solutions .item .t{font-size: 24px; margin-bottom: 30px; margin-top: 15px; color: #292929}
.solutions .item .brand{font-size: 30px;}
.solutions .item .desc{font-size: 18px; margin-bottom: 30px; min-height: 55px;}
.solutions .item .btn{margin: 0 10%; display: block}
@media only screen and (max-width: 992px) {
    .solutions .item{border-right: none}
}

.widget-solution.item .t{font-size: 18px; margin: 5px}
.widget-solution.item .brand{font-size: 24px;}
.widget-solution.item .desc{font-size: 14px; margin-bottom: 10px;}

/************** SECTION Registration ****************/
.carousel2 .item{min-height: 440px; padding-bottom: 0px; background-size: cover; background-repeat: no-repeat; background-position: center}
.carousel2.c-fade .item {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
.carousel2.c-fade .active.left,
.carousel2.c-fade .active.right {  left: 0;  z-index: 2;  opacity: 0;  filter: alpha(opacity=0);  }
.carousel2.c-fade .next,
.carousel2.c-fade .prev {  left: 0;  z-index: 1;  }
.carousel2.c-fade .carousel-control {  z-index: 3;  }

.order-slider .slider-content{padding: 10% 0  5% 0}
.order-slider .slider-content h1{font-size: 54px; color: #292929; font-weight: 300; margin-bottom: 5px; }
.order-slider .slider-content h2{font-size: 30px; color: #292929; font-weight: 300; margin: 5px 0; margin-bottom: 40px;}

.order-cta{background-color: #292929; text-align: center}
.order-cta h5{font-size: 20px; color: #fff; font-weight: 300; margin-bottom: 20px}
.order-cta p{font-size: 14px; line-height: 18px; color: #fff; font-weight: 300}
.order-cta .icheckbox{color: #fff; margin: 0 20px; font-size: 14px;}
.order-cta .icheckbox>div{margin-right: 10px;}

.registration{font-weight: 300}
.registration .type{margin-bottom: 15px;}
.registration .type label{min-width: 100px}
.registration .type .icheckbox{}
.registration .type div{display: inline-block; margin: 0 5px}
.registration .browse .img-preview{border: 2px solid #ebebeb; border-radius: 4px; padding: 10px; text-align: center; margin-top: 20px;}
.registration .browse .img-preview img{max-width: 100%; }
.registration .form-group label{font-size: 24px; font-weight: 300}
.registration .form-group .help-block{font-size: 14px; color: #292929; margin-bottom: 15px;}
.registration .form-control{background-color: transparent; border: none; border-bottom: 2px solid #b7b7b7; border-radius: 0; box-shadow: none; height: 40px;}
.registration .form-control:focus{border-color: #000}
.registration .form-group textarea{min-height: 120px;}
.registration .icon-search{background: url(../images/icons/icon-search.png) no-repeat center; height: 20px; width: 60px; display: inline-block}
.registration .form-group .input-group{margin-bottom: 20px;}

#countrylist{margin-left: 10px; padding: 10px 0 0 0}
#countrylist>div{margin-bottom: 3px; font-size: 16px;}
#countrylist .label{float: left; margin: 1px 2px; cursor: pointer}
#countrylist .label i{font-size: 10px}

.invoice{margin-left: 60px}
.invoice label{font-size: 24px; font-weight: 300}
.invoice .total{font-size: 20px; margin-bottom: 40px; margin-top: 30px}
.invoice .total b{font-weight: 600}
.invoice .help-block{font-size: 14px; color: #231f20}
.invoice #location{color: #666; font-size: 0.9em}
.lower{text-transform: lowercase}
.invoice #location .label{float: left; margin: 1px 2px}

.ms-selectable{margin-top: 15px}
.ms-selectable .ms-list{border: 2px solid #b7b7b7; border-radius: 0; border-bottom-left-radius: 7px;}
.ms-selectable .custom-header{ background-color: #00aeef; padding: 10px;  border-top-left-radius: 7px; color: #fff; text-align: center }
.ms-selection{margin-top: 15px}
.ms-selection .ms-list{border: 2px solid #b7b7b7; border-radius: 0; border-bottom-right-radius: 7px;}
.ms-selection .custom-header{ background-color: #00aeef; padding: 10px;  border-top-right-radius: 7px; color: #fff; text-align: center }
.ms-container{background: none}
.ms-container .ms-selectable{margin-right: 4%}
.ms-container .ms-selectable, .ms-container .ms-selection{width: 48%}
label.light{font-size: 24px; font-weight: 400}
.modal-footer{border-top: none}

.goods-modal .help-block{font-size: 12px; color: #292929}
.list-goods{border-top: 2px solid #b7b7b7; padding: 10px 0; border-bottom: 2px solid #b7b7b7}
.list-goods .item{border-bottom: 1px dashed #000; margin-bottom: 10px; padding-bottom: 10px;}
.list-goods .item .d{padding-left: 55px; font-size: 12px; color: #292929; line-height: 1.1em; min-height: 22px;}
.list-goods .item .d span{cursor: pointer; line-height: 1em;}
.list-goods .item .d span:hover{background-color: #ffeee6}
.list-goods .item .d .highlight{background-color: #ffcc99}
.list-goods .item .h{float: left}
.list-goods .item-sub{padding: 10px 0 5px 0; margin-top: 5px; position: relative; border-top: 1px dashed #000;}
.list-goods .item-sub .h{font-size: 16px;}
.list-goods .item-sub .d{padding-left: 65px;}
#goods-info-list {margin-top: 15px; font-size: 14px;}
#goods-info-list hr{margin: 5px 0}
#goods-info-list ul{list-style: none; margin: 0; padding: 0}
#goods-info-list ul li{padding-left: 25px; position: relative}
#goods-info-list ul li b{position: absolute; left: 0;}
/******************** countries **************************/
.countries-head{background: url(../images/countries-head.jpg) no-repeat right; padding: 40px 0 10px 0}
.countries-head h2{font-size: 54px; font-weight: 300;}

.countries-detail{background-color: #ebebeb; }

.countries .serch-country .btn{height: 50px;}
.countries .serch-country .icon-search{background: url(../images/icons/icon-search.png) no-repeat center; width: 30px; height: 34px; display: inline-block; }
.countries .serch-country .form-control{background-color: #ebebeb; border: none; box-shadow: none; height: 50px;}
.list-countries {margin: 0; padding: 0; list-style: none; height: 350px}
.list-countries li{float: left;  margin-bottom: 10px; width: 50%}
.list-countries li a{color: #252525; font-size: 14px;}
.list-countries li img{position: relative; top: -2px; margin-right: 5px;}

.help-contact{text-align: center; padding: 20px 0}
.help-contact label{font-size: 24px; font-weight: 400}
.help-contact .help-block{font-size: 14px; color: #231f20}

.countries-info-one .name{font-size: 30px; font-weight: 300; margin-bottom: 25px;}
.countries-info-one .name img{position: relative; vertical-align: bottom}
.countries-info-one .detail {font-size: 14px; font-weight: 300; padding-top: 0px}
.countries-info-one .detail span{font-weight: 600; float: right; width: 35%;}
.countries-info-one .detail span em{font-style: normal}
.countries-info-one #location{text-transform: capitalize}
.w360{max-width: 360px; margin: 0 auto}
.w300{max-width: 300px; margin: 0 auto}
.services-list-row{padding-bottom: 6%}
.services-list-row .item{text-align: center}
.services-list-row .item .img{margin: 20px 0}
.services-list-row .item .t{font-size: 20px; font-weight: 300; margin-bottom: 30px;}
.services-list-row .item .p{font-size: 20px; font-weight: 400; margin-bottom: 25px;}

@media only screen and (max-width: 767px) {
    .countries-info-one .detail {font-size: 18px; padding-top: 20px}
}


/************************ Domains ********************************/


.domains .wi{width: 80%}
.domains .ws{width: 10%}
.domains .form-inline .btn{background-color: transparent; padding: 0 10px; }
.domains .form-inline .icon-search{background: url(../images/icons/icon-search.png) no-repeat center; width: 30px; height: 30px; display: inline-block; }

.carousel-domains{margin: 40px 0}
.owl-theme{padding: 0 70px;}
.owl-theme .owl-controls .owl-buttons >div{position: absolute; top: 13px;}
.owl-theme .owl-controls .owl-buttons >div:hover{opacity: 0.8}
.owl-theme .owl-controls .owl-buttons .owl-prev{width: 13px; height: 24px; background: url(../images/owl-but.png) no-repeat 0 0; left: 40px}
.owl-theme .owl-controls .owl-buttons .owl-next{width: 13px; height: 24px; background: url(../images/owl-but.png) no-repeat 0 -24px; right: 40px}



.footer{background-color: #ebebeb; border-top: 1px solid #d7d7d7; padding-top: 100px}
.menu-footer{margin: 20px 0; text-align: center}
.menu-footer a{font-size: 18px; color: #292929; margin: 0 5px}
.copyright{border-bottom: 2px solid #d6d6d6; padding: 5px 0 10px 0; text-align: center; margin: 0 auto 10px auto; max-width: 620px; font-weight: 600; line-height: 1.2em;}
.f-about{max-width: 720px; margin: 0 auto}
.f-about p{font-size: 12px; color: #231f20; text-align: center}

.page-header{background-color: #00aeef; text-align: center; margin: 0 0 0 0; border: none; padding-bottom: 10px; padding-top: 20px}
.page-header.black{background-color: #000; color: #fff;}
.page-header h2{font-weight: 300}
.page-header p{font-size: 20px; font-weight: 300; color: #fff; vertical-align: middle}

.banner{ padding: 10px 0}
.banner  .alert{ margin: 0; text-align: center}
.banner.pink{background-color: #ec008c}
.banner.pink p{font-size: 18px; color: #fff; margin: 0; text-align: center}
.banner.pink.p24 p{font-size: 24px; }

.page .text p{text-indent: 30px; margin-bottom: 15px;}

.v-line > div{position: relative}
.v-line > div:before{width: 2px; height: 100%; background-color: #ebebeb; content: ""; top: 0; right: -1px; position: absolute}
.v-line > div:last-child:before{background-color: transparent; width: 0;}

.affiliate .t{}
.affiliate .item{text-align: center}
.affiliate .item h2{font-size: 30px; font-weight: 600}
.affiliate .item .desc{font-size: 24px; margin-top: 30px; margin-bottom: 30px;}

.contacts{margin-bottom: 50px;}
.contacts .map{height: 200px; margin-bottom: 50px;}
.contacts table{width: 100%}
.contacts textarea.form-control{height: 150px;}
.contacts .btn{}
.contacts .lb{font-size: 24px;}

.about .tabs-about{margin: 55px 0; }
.about .tabs-about .nav > li{padding: 0 15px;}
.about .tabs-about .nav > li > a{font-size: 18px; padding: 18px 0; background-color: #b7b7b7; color: #fff}
.about .tabs-about .nav-pills > li.active > a,.about .tabs-about .nav-pills > li.active > a:focus,.about .tabs-about .nav-pills > li.active > a:hover{background-color: #ebebeb; color: #292929}
.about .tabs-about .tab-content{margin: 40px 0;}
.about-business{text-align: center}
.about-business h3{font-size: 24px;}
.about-business p{font-size: 14px;}
.certificat-list{text-align: center;}
.certificat-list img{margin: 10px;}

.tabs-fees .nav > li {text-align: center;}
.tabs-fees .nav > li > a{border-radius: 0; font-size: 24px; color: #292929}
.tabs-fees .nav > li > a img{margin: 35px auto; display: block}
.tabs-fees .nav > li > a:focus,.tabs-fees .nav > li > a:hover{background-color: transparent}
.tabs-fees .nav-pills > li.active > a,.tabs-fees .nav-pills > li.active > a:focus,.tabs-fees .nav-pills > li.active > a:hover{background-color: #ebebeb; color: #292929}
.tabs-fees .tab-content{background-color:#ebebeb; padding: 40px 15px 15px; }
.tabs-fees .icon-search{background: url(../images/icons/icon-search.png) no-repeat center; width: 90px; height: 24px; display: inline-block; }
.form-fees .form-control{background-color: #fff; height: 40px;}
.form-fees .btn{height: 40px;}

div.tables table{width: 100%; background-color: #fff}
.tables table thead th{width: 33%; border-bottom: 2px solid #ebebeb; padding: 5px 15px; font-weight: 400; font-size: 18px; text-align: left}
.tables table thead{width: 100%}
.tables table tbody td{padding: 2px 15px; text-align: left; border-right: 1px solid #ebebeb}
.tables table tbody tr:hover{background-color: #ebebeb}
.tables table td a{color: #292929; display: block}
.tables table td a:hover{text-decoration: none}
.tables .btn.more{border-radius: 0; text-decoration: none; background-color: #b7b7b7; color: #fff}
.dataTables_scrollHeadInner,.dataTables_scrollHeadInner table{width: 100%!important;}
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after{top: 5px}


#signup-tap a{color: inherit; text-align: center}
#signup-tap a.active{color: #00aeef}
.login {padding: 80px 0}
.login .item{text-align: center}
.login .item p{margin: 20px 0 35px 0; font-size: 14px;}
.login .item img{height: 50px;}
.login .terms{padding-left: 50px; position: relative}
.login .terms .icheckbox{position: absolute; left: 10px; top: 10px}
.login form label{font-weight: 300; font-size: 14px;}
.login .tab-content{margin-top: 20px;}


.guarantees .list-benefices{padding-bottom: 50px; padding-top: 40px; overflow: hidden}
.guarantees .list-benefices ul{list-style: none; margin: 0; padding: 0;}
.guarantees .list-benefices li{float: left; width: 12.5%; text-align: center; font-size: 18px; padding:  10px 0 }
.guarantees .list-benefices li.active{background-color: #ebebeb}
.guarantees .list-benefices li a{color: #292929}
.guarantees .list-benefices li img{height: 60px}
.guarantees .list-benefices li a:hover,.guarantees .list-benefices li.active a{color: #00aeef; text-decoration: none}
.guarantees .list-benefices li span{display: block; margin-top: 18px;}
@media only screen and (max-width: 992px) {
    .guarantees .list-benefices li{width: 25%}
}
@media only screen and (max-width: 767px) {
    .guarantees .tab-content > .tab-pane{display: block}
    .guarantees .fade{opacity: 1}
}


.partener-acount .p-head p{font-size: 24px; color: #fff; text-align: left}
.partener-acount .aa{line-height: 1.2em; margin: 5px 0 15px 0}
.partener-acount .welcome{text-align: right}
.partener-acount .welcome p{font-size: 20px; margin-top: 0; margin-bottom: 0;text-align: right }
.partener-acount .p-head .clinetid{color: #fff; margin-top: 0; text-align: right}

.partener-acount .nav-full{margin-bottom: 30px;}
.partner-info{}
.partener-acount .avatar{position: relative}
.partener-acount .avatar a{display: inline-block;}
.partener-acount .avatar a span{display: inline-block;position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; color: #b7b7b7; padding: 50px 0}
.partener-acount .list-info{list-style: none; margin: 0; padding: 0;}
.partener-acount .list-info li{font-size: 18px; color: #292929; margin-bottom: 5px; font-weight: 600}
.partener-acount .list-info li span{float: right; width: 45%; text-align: right; font-weight: 600}
.partener-acount form label{font-weight: 400; padding-left: 15px;}


.partener-acount .proces-list{color: #292929; margin-bottom: 40px;}
.partener-acount .proces-list .logoplace{ text-align: left; font-weight: 600; font-size: 24px;}
.partener-acount .proces-list .logoplace>span{display: inline-block; vertical-align: middle; margin-right: 15px;}
.partener-acount .proces-list .logoplace>span>span{text-decoration: underline; font-size: 18px; font-weight: 400}
.partener-acount .proces-list .tstatus{margin-top: 5px; font-weight: 400}
.partener-acount .proces-list .status{margin-top: 10px; text-decoration: underline; text-align: right}
.partener-acount .proces-list .row{ }
.partener-acount hr{border-width: 2px; margin-bottom: 15px; margin-top: 15px; border-color: #ebebeb}
.partener-acount .total p b{font-weight: 600}
.partener-acount .total p span{float: right; text-decoration: underline}

.logoplace img{width: 140px}
.partener-acount .proces-list .btn-detail{margin-top: 0px; text-align: right}

.line-time{padding: 60px 0 0 0}
.line-time .line{width: 100%; height: 2px; background-color: #b7b7b7;  position: relative; margin-bottom: 20px;}
.line-time .line>div{top: -30px;}
.line-time .line .start{position: absolute; left: 0; padding-bottom: 15px;}
.line-time .line div span{position: relative}
.line-time .line div span:before{content: ""; position: absolute; width: 16px; height: 16px; border-radius: 50%; background-color: #b7b7b7; bottom: -18px;}
.line-time .line .now{position: absolute;  padding-bottom: 15px;}
.line-time .line div.now span:before{background-color: #ff5700}
.line-time .line .end{position: absolute; right: 0; padding-bottom: 15px;}
.line-time .line div.end span:before{right: 0}
.line-time .line-desc{overflow: hidden; line-height: 1.3em}
.total-months{padding-top: 10px;}
.total-months span{display: inline-block; float: right}
.info-tracking{}
.info-tracking span{display: inline-block; float: right}
.info-tracking p input{font-size: 12px; }
.info-box-traking{padding: 10px; background-color: #f8fdff; margin-bottom: 2px  }
.info-traking-body{padding: 10px;}
.edit-trademark-status{background-color: #ec008c; text-align: center; padding: 15px 0; color: #fff;font-weight: 600; margin-bottom: 35px;}
.min-h{min-height: 70px;}

.nav-full>li>a{color: #292929; font-size: 24px; line-height: 24px; padding: 18px 0; margin: 0 7px; background-color: #ebebeb}
.nav-full>li.active>a,.nav-full>li>a:hover,.nav-full>li.active>a:hover,.nav-full>li.active>a:focus{color: #fff; background-color:#ff5700 }


.mission .item{text-align: center}
.mission .item img{margin-bottom: 15px}

.jobs hr{border-width: 2px; margin-top: 15px; margin-bottom: 30px;}

.social.blue{margin: 20px 0; text-align: center}
.social.blue a{transition: all 0.2s ease-in-out; display: inline-block; width: 41px; height: 41px; text-align: center; color: #fff; background-color: #00aeef; border-radius: 2px; font-size: 28px; padding: 4px 0 3px 0; border: 2px solid #00aeef; margin: 0 15px}
.social.blue a:hover{background-color: #fff; color: #00aeef}

.reg-order-tab{margin-bottom: 30px;}
.reg-order-tab li > a{color: #000; font-size: 23px; position: relative; padding: 10px  30px 10px 10px;  }
.reg-order-tab li > a b{font-weight: 600}
.reg-order-tab li > a:before{background: url(../images/arrow-order-reg-tab.png) no-repeat ; width: 14px; height: 24px; content: ""; position: absolute; top: 11px; right: 0 }
.reg-order-tab li.active > a:before,.reg-order-tab li.active > a:hover:before{background-position: 0 -48px;}
.reg-order-tab li > a:hover:before{}
.reg-order-tab li:last-child > a:before{background: none;}
.reg-order-tab li:last-child > a{padding-right: 15px;}
.reg-order-tab li.active > a, .reg-order-tab li.active > a:hover,.reg-order-tab li.active > a:focus{background-color: transparent; color: #00aeef; }
.reg-order-tab li > a:hover,.reg-order-tab li > a:focus{background-color: transparent; }

.register-order b{font-weight: 600}
.register-order .tab-content{}
.register-order .terms{padding-left: 50px; position: relative}
.register-order .terms .icheckbox{position: absolute; left: 10px; top: 10px}

.register-order .btn-back{font-size: 24px; color: #292929; padding-left: 0}
.register-order .btn-back:hover{color: #000}
.register-order hr{border-width: 2px; margin-bottom: 15px; margin-top: 15px; border-color: #ebebeb}
.register-order .edit{text-decoration: underline; color: #292929}
.link{text-decoration: underline; color: #000}
.tab-pay-metod{padding: 0; overflow: hidden; margin-bottom: 20px;}
.tab-pay-metod li{float: left; width: 180px; border: 1px solid #000; border-radius: 3px; text-align: center; list-style: none; margin: 5px 7px;}
.tab-pay-metod li a{padding: 17px 15px; display: block}
.tab-pay-metod li a span{display: block; font-size: 14px; color: #333; margin-top: 3px}
.tab-pay-metod li.active{background-color: rgba(0,174,239,0.5)}

.sp-title{background-color: #ec008c; padding: 12px 0 15px 0; text-align: center; font-size: 25px; color: #fff}
.success-pay{margin-bottom: 50px;}

.solutions-order b{font-weight: 600}
.notice{font-size: 14px; line-height: 16px;}
.solutions-order .domain-input>span{display: inline-block; width: 100px}

.blog .blog-posts{margin-bottom: 30px;}
.blog .blog-posts .blog-head{background-color: #ebebeb; padding: 15px 0 7px 0; position: relative}
.blog .blog-posts .blog-head .date{width: 70px; position: absolute; left: 0; top: 0; padding: 18px 0; text-align: center}
.blog .blog-posts .blog-head .date big{font-size: 36px;}
.blog .blog-posts .blog-head .blog-title{padding-left: 70px; position: relative; min-height: 54px}
.blog .blog-posts .blog-head .blog-title a{font-size: 24px; color: #292929}
.blog .blog-posts .blog-head .blog-title a:hover{color: #000000}
.blog .blog-posts .blog-foto img{width: 100%}

.blog .blog-post .blog-head{background-color: #ebebeb; padding: 5px 60px; margin-bottom: 27px}
.blog .blog-post .blog-head h2{margin: 0 0 5px 0}
.blog .blog-post .blog-head .date{display: inline-block}
.blog .blog-post .blog-head .blog-tags{float: right; color: #a6a6a6; display: inline-block}
.blog .blog-post .blog-foto img{width: 100%}

.load-card{width: 100%; padding: 100px 0; text-align: center}


.border-top-bootom{border-top: 2px solid #ebebeb;  border-bottom: 2px solid #ebebeb; margin: 10px 0; padding: 3px 0 6px 0}
.block-primary{background-color: #00aeef; color: #fff; padding: 10px; border-radius: 3px; display: inline-block;}
.inline{display: inline-block; vertical-align: middle}
.btn{border: 2px solid transparent ; font-size: 20px; line-height: 1.25; padding: 6px 12px; border-radius: 3px; font-weight: 300;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn-sm{padding: 5px 30px; font-size: 17px;}
.btn-md{padding: 10px 12px; font-size: 20px; line-height: 26px;}
.btn-lg{padding: 15px 30px; font-size: 24px; font-weight: 600; max-width: 360px; display: block; border-radius: 3px;}
.btn-lg2{padding: 10px 30px; font-size: 24px;  border-radius: 3px;}
.btn-lg3{padding: 12px 30px; font-size: 30px; font-weight: 400; max-width: 360px; display: block; border-radius: 3px;}
.btn-lg.lg{padding: 10px 30px; font-size: 36px;}
.btn-pad{padding: 15px 30px;}
.btn-pad2{padding: 18px 30px;}
.w360{max-width: 360px;  margin: 0 auto;}

.btn-default{background-color: #b7b7b7; color: #fff}
.btn-default:active,.btn-default:focus{background-color: #ebebeb }
.btn-default-alt{background-color: transparent; border-color: #fff; color: #fff}
.btn-default-alt:hover{background-color: #fff; border-color: #fff; color: #000}
.btn-default-alt:active,.btn-primary:focus{background-color: #fff; border-color: #fff }
.btn-lg-new{padding: 7px 30px; border-radius: 5px; font-size: 24px;}
.btn-360{width: 360px; }

.btn-primary{background-color: #00acec}
.btn-primary:hover{background-color: #66ccff; border-color: #00acec}
.btn-primary:active,.btn-primary:focus{background-color: #66ccff; border-color: #66ccff }

.btn-primary-alt{border: 2px solid #00acec; color: #00acec}
.btn-primary-alt:hover{background-color: #00acec; color: #fff}
.btn-primary-alt:active,.btn-primary:focus{background-color: #00acec; color: #fff }

.btn-warning{background-color: #e8580c}
.btn-warning:hover{background-color: #de9771; border-color: #de9771}
.btn-warning:active,.btn-warning:focus{background-color: #de9771;  border-color: #de9771 }

.btn-black-alt{border: 2px solid #000; color: #000; background-color: transparent}
.btn-black-alt:hover{background-color: #ebebeb; color: #000; border-color: #ebebeb}


.form-control{height: 40px;   box-shadow: none; font-size: 18px; background-color: transparent; border-radius: 0; border: 0; border-bottom: 2px solid #ccc;}
.form-control.error{border-color: red}
.form-control:focus{box-shadow: none; border-color: #000}
.editable-buttons .btn{padding-top: 9px; padding-bottom: 9px;}

.form-group .box-input{border: 1px solid #ccc; padding: 7px; border-radius: 2px;}

.form-group .box-input .inline-edit{display: block; padding: 11px 10px 11px 10px; border-bottom: none; position: relative }
.form-group .box-input .inline-edit:before{content: "\e811";   font-family: "fontello"; position: absolute; right: 10px; top: 10px;}
.form-group .box-input .inline-edit-none{display: block; padding: 11px 10px 11px 10px;}

.btn-input{font-size: 24px; padding: 10px; height: 50px; }
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mt-35{margin-top: 35px;}
.mt-40{margin-top: 40px;}
.mt-90{margin-top: 90px;}
.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.ml-30{margin-left: 30px}
.ml-50{margin-left: 50px}

.mr-50{margin-right: 50px;}
.h100{height: 100px}
.h200{height: 200px}
.acenter{text-align: center}
.fs14{font-size: 14px;}
.fs24{font-size: 24px; line-height: 1.2em}
.text-white{color: #fff}
a.text-white:hover{color: #f5f5f5}
.li-clear {list-style: none; padding: 0; margin: 0}
.img-responsive img{max-width: 100%}
.error .alert{font-size: 14px;}
.select2-container--default .select2-selection--single{background-color: transparent; height: 42px; border: none; border-bottom: 2px solid #ccc; border-radius: 0}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 40px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 40px; width: 25px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b{margin-left: -12px; border: none; background: url(../images/arrow-select.png) no-repeat; width: 25px; height: 13px; display: block}
.tables .dataTables_filter{display: none}

.ms-selection .ms-list li:hover{background: url(../images/icons/delete.png) no-repeat right center;}

.p-md p{margin-bottom: 10px}
.p-sm p{margin-bottom: 5px}
.p-xs p{margin-bottom: 1px}

.btn-file {  border-bottom-right-radius: 3px !important;  border-top-right-radius: 3px !important;  position: relative;  vertical-align: middle;  }
.btn-file > input {  cursor: pointer;  direction: ltr;  font-size: 23px;  height: 100%;  margin: 0;  opacity: 0;  position: absolute;  right: 0;  top: 0;  width: 100%;  }
.fileinput {  display: inline-block;  margin-bottom: 9px;  width: 100%}
.fileinput .form-control {  cursor: text;  display: inline-block;  margin-bottom: 0;  padding-bottom: 5px;  padding-top: 7px;  vertical-align: middle;  }
.fileinput .thumbnail {  display: inline-block;  margin-bottom: 5px;  overflow: hidden;  text-align: center;  vertical-align: middle;  }
.fileinput .thumbnail > img {  max-height: 100%;  }
.fileinput .btn {  vertical-align: middle;  }
.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {  display: none;  }
.fileinput-inline .fileinput-controls {  display: inline;  }
.fileinput-filename {  display: inline-block;  overflow: hidden;  vertical-align: middle;  }
.form-control .fileinput-filename {  vertical-align: bottom;  }
.fileinput.input-group {  display: table;  }
.fileinput.input-group > * {  position: relative;  z-index: 2;  }
.fileinput.input-group > .btn-file {  z-index: 1;  }

.file-list{padding: 0 0 0 30px; list-style: none}
.file-list li{margin-bottom: 5px; }

/* ==========================================================================
Media Queries
 ========================================================================== */

/* ------ Tablet Portrait size to standard 960 (devices and browsers) ------*/
@media only screen and (max-width: 959px) {

}

@media only screen and (min-width: 480px) and (max-width: 991px) {

}

/* ------ Mobile Landscape Size to Tablet Portrait (devices and browsers) ------*/
@media only screen and (max-width: 767px) {
    #main-menu .log-in{margin-right: 10px; margin-left: 0px;}
    .btn-360{max-width: 360px;  width: auto; display: block; margin: 0 auto}
}

/* ------ Mobile Portrait Size to Mobile Landscape Size (devices and browsers) ------*/
@media only screen and (max-width: 479px) {

}

.classname {
    -webkit-animation: cssRotate 1s 16 ease;
    -moz-animation: cssRotate 1s 16 ease;
    -o-animation: cssRotate 1s 16 ease;
}
@-webkit-keyframes cssRotate {
    from { -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
    to { -webkit-transform: rotate(360deg) scale(1) skew(1deg) translate(0px); }
}
@-moz-keyframes cssRotate {
    from { -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
    to { -moz-transform: rotate(360deg) scale(1) skew(1deg) translate(0px); }
}
@-o-keyframes cssRotate {
    from { -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
    to { -o-transform: rotate(360deg) scale(1) skew(1deg) translate(0px); }
}