@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600,700');
@import 'https://fonts.googleapis.com/css?family=Oswald:300,400,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i';


/*------------------------------------------------------------------
	1. General Styles
-------------------------------------------------------------------*/



body {
	font-family: 'Titillium Web', sans-serif;
    overflow-x: hidden;
}

* {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


*:hover {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}



/*------------------------------------------------------------------
	2. loeader Styles
-------------------------------------------------------------------*/



.no-js #loader { display: none;  }


.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #082031;
    background: -moz-linear-gradient(top, #082031 0%, #0e2c40 100%);
    background: -webkit-linear-gradient(top, #082031 0%,#0e2c40 100%);
    background: linear-gradient(to bottom, #082031 0%,#0e2c40 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#082031', endColorstr='#0e2c40',GradientType=0 );
    -webkit-box-shadow: inset 2px 82px 178px 21px rgba(0, 0, 0, 0.48);
    -moz-box-shadow: inset 2px 82px 178px 21px rgba(0, 0, 0, 0.48);
    box-shadow: inset 2px 82px 178px 21px 
	}

.timer{
    width: 70px;
    height: 70px;
    background-color: transparent;
    box-shadow: inset 0px 0px 0px 2px #fff;
    border-radius: 50%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;  
 }
 
 
.timer span{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    display: block;
    text-align: center;
    margin-top: 85px;  
 }
 
 
.timer:after, .timer:before{
    position: absolute;
    content:"";
    background-color: #fff;
}
.timer:after{
    width: 27px;
    height: 2px;
    top: 33px;
    left: 33px;
    -webkit-transform-origin: 1px 1px;
    -moz-transform-origin: 1px 1px;
    transform-origin: 1px 1px;
    -webkit-animation: minhand 2s linear infinite;
    -moz-animation: minhand 2s linear infinite;
    animation: minhand 2s linear infinite;
}

.timer:before{
    width: 30px;
    height: 2px;
    top: 33px;
    left: 33px;
    -webkit-transform-origin: 1px 1px;
    -moz-transform-origin: 1px 1px;
    transform-origin: 1px 1px;
    -webkit-animation: hrhand 8s linear infinite;
    -moz-animation: hrhand 8s linear infinite;
    animation: hrhand 8s linear infinite;
}

@-webkit-keyframes minhand{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes minhand{
    0%{-moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(360deg)}
}
@keyframes minhand{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}

@-webkit-keyframes hrhand{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes hrhand{
    0%{-moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(360deg)}
}
@keyframes hrhand{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}



/*------------------------------------------------------------------
	3. megamenu Styles
-------------------------------------------------------------------*/


.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {
  position: static;
  -webkit-transition: all 0.0s ease-in-out;
	-moz-transition: all 0.0s ease-in-out;
	-o-transition: all 0.0s ease-in-out;
	-ms-transition: all 0.0s ease-in-out;
	transition: all 0.0s ease-in-out;
}

.megamenu .container {
  position: relative;
    -webkit-transition: all 0.0s ease-in-out;
	-moz-transition: all 0.0s ease-in-out;
	-o-transition: all 0.0s ease-in-out;
	-ms-transition: all 0.0s ease-in-out;
	transition: all 0.0s ease-in-out;

}

.megamenu .dropdown-menu {
  left: auto;
    -webkit-transition: all 0.0s ease-in-out;
	-moz-transition: all 0.0s ease-in-out;
	-o-transition: all 0.0s ease-in-out;
	-ms-transition: all 0.0s ease-in-out;
	transition: all 0.0s ease-in-out;
}

.megamenu .megamenu-content {
  padding: 15px;
    -webkit-transition: all 0.0s ease-in-out;
	-moz-transition: all 0.0s ease-in-out;
	-o-transition: all 0.0s ease-in-out;
	-ms-transition: all 0.0s ease-in-out;
	transition: all 0.0s ease-in-out;
        background: rgba(0, 17, 128, 0.95)
}

.megamenu .megamenu-content h3 {
  margin-top: 0;
  color: #eaeaea;
  font-size: 18px;
    -webkit-transition: all 0.0s ease-in-out;
	-moz-transition: all 0.0s ease-in-out;
	-o-transition: all 0.0s ease-in-out;
	-ms-transition: all 0.0s ease-in-out;
	transition: all 0.0s ease-in-out;
}

.megamenu .dropdown.megamenu-fw .dropdown-menu {
  left: 0;
  right: 0;
    -webkit-transition: all 0.0s ease-in-out;
	-moz-transition: all 0.0s ease-in-out;
	-o-transition: all 0.0s ease-in-out;
	-ms-transition: all 0.0s ease-in-out;
	transition: all 0.0s ease-in-out;
}

.megamenucontainpadding{
	padding:40px 80px;
	
}

.megamenucontainpadding .megamenu-hosting{
    display: block;
    float: left;
    width: 100%;
}

.megamenucontainpadding .megamenu-hosting a>i{
    float: left;
    margin-right: 16px;
}

.megamenucontainpadding .megamenu-hosting a>i:before{
    margin-left: 0;
    font-size: 55px;
    color: #eaeaea;
}

.megamenucontainpadding .megamenu-hosting .tittlespan{
    display: block;
    padding-top: 20px;
    font-weight: bold;
    float: left;
    text-transform: uppercase;
    font-size: 18px;
    color: #eaeaea;
    margin-bottom: 18px;
}

.megamenucontainpadding .megamenu-hosting .subtittlespan{
    display: block;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    line-height: 20px;
    color: #b5c0c7;
    font-size: 17px;
}

.banner-jpmbp{
	text-align:center;
}

.banner-jpmbp img{
	width:100%;
}




/*------------------------------------------------------------------
	5. header Styles
-------------------------------------------------------------------*/



@media (min-width: 768px) {
.navbar-right .dropdown-menu {
    right: auto;
    left: auto;
}

.navbar-right .login-areadwn{
    right: 0 !important;
}


}


header {
    position: relative;
    height: 100px;
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
}
     
.not-index-header {
    height: auto;
	min-height:300px;
}

.not-index-header:after {
    display:none;
}
.not-index-header .navbar {
    z-index: 2;
	border-bottom: 1px solid rgba(255, 255, 255, 0.01);
}

.headline_inner{
    position: relative;
    color: #fff;
    padding: 90px 0;
}

.headline_inner .left-align{
	text-align: left;
}

.headline_inner .left-align h5{
    font-weight: bold;
    font-size: 35px;
    text-transform: uppercase;
}


.headline_inner .left-align span{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 7px;
    opacity: 0.7;
    text-transform: none;
}

.headline_inner .right-align{
	text-align: right;
}


.headline_inner .right-align .breadcrumbs_inner_link{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;

    padding: 30px 0;
    font-size: 13px;
}

.headline_inner .right-align .breadcrumbs_inner_link a{
    color: #fff;
}

header:after {
    content: '';
	width:100%;
    max-width: 1226px;


    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
}




/*------------------------------------------------------------------
	6. header animation Styles
-------------------------------------------------------------------*/


.earth-icon {
    width: 111px;
    height: 110px;
    background: url(../img/earth.png) no-repeat top center;
    position: absolute;
    bottom: 40px;
    margin: 0 auto;
    left: 0;
    right: 0;
	z-index: 1;
	-webkit-animation-name: spin;
    -webkit-animation-duration: 75s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 75s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 75s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 75s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.earth-clouds{
    width: 49px;
    height: 40px;
    background: url(../img/cloud_01.png) no-repeat top center;
    position: absolute;
    bottom: 96px;
    margin: 0 auto;
    left: -70px;
    right: 0;
    z-index: 2;
}


.earth-clouds-two{
    width: 39px;
    height: 32px;
    background: url(../img/cloud_02.png) no-repeat top center;
    position: absolute;
    bottom: 56px;
    margin: 0 auto;
    left: 65px;
    right: 0;
    z-index: 0;
}



@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}


.stars {
    animation: starry_star 8s ease-in-out infinite;
    background: #fff;
    border-radius: 50%;
    box-shadow: #FFFFFF 26px 7px 0 -1px, rgba(255, 255, 255, 0.1) -36px -19px 0 -1px, rgba(255, 255, 255, 0.1) -51px -34px 0 -1px, #FFFFFF -52px -62px 0 -1px, #FFFFFF 14px -37px, rgba(255, 255, 255, 0.1) 41px -19px, #FFFFFF 34px -50px, rgba(255, 255, 255, 0.1) 14px -71px 0 -1px, #FFFFFF 64px -21px 0 -1px, rgba(255, 255, 255, 0.1) 32px -85px 0 -1px, #FFFFFF 64px -90px, rgba(255, 255, 255, 0.1) 60px -67px 0 -1px, #FFFFFF 34px -127px, rgba(255, 255, 255, 0.1) -26px -103px 0 -1px,rgba(255, 255, 255, 0.1) -26px -300px 0 -1px;
    height: 4px;
    width: 4px;
    margin-left: -10px;
    opacity: 1;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 63%;
    z-index: 1;
}

@keyframes starry_star {
  50% {
    box-shadow: rgba(255, 255, 255, 0.1) 26px 7px 0 -1px, #FFFFFF -36px -19px 0 -1px, #FFFFFF -51px -34px 0 -1px, rgba(255, 255, 255, 0.1) -52px -62px 0 -1px, rgba(255, 255, 255, 0.1) 14px -37px, #FFFFFF 41px -19px, rgba(255, 255, 255, 0.1) 34px -50px, #FFFFFF 14px -71px 0 -1px, rgba(255, 255, 255, 0.1) 64px -21px 0 -1px, #FFFFFF 32px -85px 0 -1px, rgba(255, 255, 255, 0.1) 64px -90px, #FFFFFF 60px -67px 0 -1px, rgba(255, 255, 255, 0.1) 34px -127px, #FFFFFF -26px -103px 0 -1px,rgba(255, 255, 255, 0.1) -26px 300px 0 -1px;
  }
}

.starsbg{
    width: 100%;
    max-width: 795px;
    height: 489px;
    background: url(../img/stars.png) no-repeat top center;
    position: absolute;
    bottom: 40px;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1;
    bottom: 0;
}


.white-background-header{
    width: 100%;
    height: 140px;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.12) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.12) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.12) 100%);
}

.space-ship{
    width: 29px;
    height: 22px;
    background: url(../img/space-ship.png) no-repeat top center;
    position: absolute;
    bottom: 232px;
    margin: 0 auto;
    left: -360px;
    right: 0;
    z-index: 1;
    -webkit-animation: space-ship 100s infinite;
    animation: space-ship 100s infinite;
}

@-webkit-keyframes space-ship {
  0% {
   bottom: 232px;
    left: -360px;
	transform:rotate(-10deg);
  }
  
  10% {
	  transform:rotate(-10deg);
  }
  
  10% {
  bottom: 150px;
  left: -800px;
  transform:rotate(120deg);
  }
  
  20% {
  bottom: 450px;
  left: -400px;
  transform:rotate(190deg);
  }
  
  30% {
  bottom: 410px;
  left: 800px;
  transform:rotate(180deg);
  }
  
  40% {
  bottom: 410px;
  left: 800px;
  transform:rotate(100deg);
  }
  
  45% {
  bottom: 350px;
  left: 800px;
  transform:rotate(100deg);
  }
  
  
  50% {
  bottom: 390px;
  left: 800px;
  transform:rotate(10deg);
  }  
  
  
  60% {
  bottom: 390px;
  left: 500px;
  transform:rotate(0deg);
  }
  
  70% {
  bottom: 370px;
  left: 300px;
  transform:rotate(100deg);
  }

  80% {
  bottom: 50px;
  left: 300px;
  transform:rotate(160deg);
  }
  
  90% {
  bottom: 160px;
  left: 600px;
  transform:rotate(30deg);
  }
}

@keyframes space-ship {
  0% {
   bottom: 232px;
    left: -360px;
	transform:rotate(-10deg);
  }
  
  10% {
	  transform:rotate(-10deg);
  }
  
  10% {
  bottom: 150px;
  left: -800px;
  transform:rotate(120deg);
  }
  
  20% {
  bottom: 450px;
  left: -400px;
  transform:rotate(190deg);
  }
  
  30% {
  bottom: 410px;
  left: 800px;
  transform:rotate(180deg);
  }
  
  40% {
  bottom: 410px;
  left: 800px;
  transform:rotate(100deg);
  }
  
  45% {
  bottom: 350px;
  left: 800px;
  transform:rotate(100deg);
  }
  
  
  50% {
  bottom: 390px;
  left: 800px;
  transform:rotate(10deg);
  }  
  
  
  60% {
  bottom: 390px;
  left: 500px;
  transform:rotate(0deg);
  }
  
  70% {
  bottom: 370px;
  left: 300px;
  transform:rotate(100deg);
  }

  80% {
  bottom: 50px;
  left: 300px;
  transform:rotate(160deg);
  }
  
  90% {
  bottom: 160px;
  left: 600px;
  transform:rotate(30deg);
  }
}



.satellite{
    width: 24px;
    height: 30px;
    background: url(../img/satellite.png) no-repeat top center;
    position: absolute;
    bottom: 180px;
    margin: 0 auto;
    left: 500px;
    right: 0;
    z-index: 1;
    -webkit-animation: satellite 100s infinite;
    animation: satellite 100s infinite;
}



.logo-simple{
    padding: 40px 15px 15px 15px;
    font-size: 27px;
    font-weight: 600;
    color: #08114d;
    
    height: auto;
}

.logo-simple:hover,.logo-simple:focus{
    color: #08114d;
}

.logo-simple span{
    font-weight: 300;
    font-size: 25px;
    text-transform: none;
}


.logo-simple span{
    font-weight: 300;
    font-size: 25px;
    text-transform: none;
}

.logo-simple b{
    margin-left: 3px;
}

#toTop {
    position: fixed;
    bottom: 30px;
    right: 36px;
    cursor: pointer;
    display: none;
    padding: 9px 12px;
    border-radius: 45px;
    background: #161d23;
    border: #161d23;
	color:#fff;
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	transition: ba 0s ease-in-out;
	opacity:0.6;
}
#toTop:hover{
	opacity: 1;
}



/*------------------------------------------------------------------
	8. nav Styles
-------------------------------------------------------------------*/



@media (min-width: 768px) {
.main-nav .navbar-right>li>a {
    color: #0c1133;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    padding: 40px 25px;
	position:relative;
}
.main-nav .navbar-right>li>a:after {
    content: '';
    height: 2px;
    width: 0;
    background: #0c1133;
    bottom: 33px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.main-nav .navbar-right>li>a:hover:after {
    content: '';
    height: 2px;
    width: 50%;
    background: #fff;
    bottom: 33px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.main-nav .navbar-right>li>a:hover,.main-nav .navbar-right>li>a:focus,.main-nav .navbar-right>li>a:active  {
    color: #fff;
    background: rgba(0, 17, 128, 0.85) ;
}

.main-nav:after{
    content: '';
    background: url(../img/under-header.png) no-repeat top center;
    height: 1px;
    width: 100%;
    opacity: 0.1;	
}



/*------------------------------------------------------------------
	9. btn Styles
-------------------------------------------------------------------*/



.login-btn{
    
    background: rgb(85, 200, 232);
    color: #ffffff;
    padding: 6px 31px !important;
    border-radius: 40px;
    margin: 34px 0px;
    margin-left: 17px;
    -webkit-box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.95);
    -moz-box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.95);
    box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.95);
}

.login-btn:after{
    display:none;
}

.login-btn:hover,.login-btn:focus{
    background: rgb(70, 168, 195)  !important;
}


}





#campaign-plans .head-tittle{
    text-align: center;
}

#campaign-plans .head-tittle h5{
    background: #08263b;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 14px;
    max-width: 275px;
    margin: auto;
    border-radius: 40px;
    -webkit-box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.05);
}

#campaign-plans .head-tittle span{
    background: #eff0f0;
    margin: auto;
    margin-top: 0px;
    display: block;
    max-width: 220px;
    padding: 7px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    color: #8094a2;

    font-size: 13px;
    border-radius: 0 0 10px 10px;
}

.boldtrin{
    position: absolute !important;
    left: 0;
}

.boldtrin b{
    z-index: 1;
    position: relative;
    font-size: 23px;
    text-transform: uppercase;
    -ms-transform: rotate(-41deg);
    -webkit-transform: rotate(-41deg);
    transform: rotate(-41deg);
    color: #fff;
    display: block;
    padding: 0px;
    margin-left: 19px;
}
.boldtrin:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 105px 120px 0 0;
    border-color: #f3ee5a transparent transparent transparent;
    left: 0;
    top: -30px;
    position: absolute;
}


  
 .campaign-plans{
background-color: #d0dce0;
padding-bottom:20px;
}



#campaign-plans .pricing-container{
    display: block;
    float: left;
    width: 100%;
    padding: 80px 0;
}

#campaign-plans .pricing-container .plan:hover{
    -webkit-box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.1);
	transform: scale(1.02);
}

#campaign-plans .pricing-container .spsl-plan{
    margin-top: -20px;
    position: relative;
}


#campaign-plans .pricing-container .spsl-plan .plans-footer a{

    border: 1px solid #955db8;

    text-decoration: none;
	color: #fff !important;
    background: #955db8;
}

#campaign-plans .pricing-container .spsl-plan .plans-footer a:hover{
    color: #955db8 !important;
    background: #fff !important;
    text-decoration: none;
}


#campaign-plans .pricing-container .plan .paln-head{
    background-size: 100%;
    height: 154px;
    text-align: center;
    padding-top: 40px;
    position: relative;

}


#campaign-plans .pricing-container .plan .planone{
    background: url(../img/plans/plan01.jpg) no-repeat top center;
}

#campaign-plans .pricing-container .plan .plantwo{
    background: url(../img/plans/plan02.jpg) no-repeat top center;
}

#campaign-plans .pricing-container .plan .plantree{
    background: url(../img/plans/plan03.jpg) no-repeat top center;
}


#campaign-plans .pricing-container .plan .paln-head>span{
    z-index: 2;
    position: relative;
    color: #fff;
    font-weight: bold;
    font-size: 39px;
}

#campaign-plans .pricing-container .plan .paln-head>span>b{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 19px;
}
#campaign-plans .pricing-container .plan .paln-head>span>i{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    display: block;
    color: #fff;
    position: relative;
    z-index: 3;
    font-size: 12px;
    margin-top: -8px;
}

#campaign-plans .pricing-container .plan .paln-head:after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(35, 50, 122, 0.7);
    top: 0;

		-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#campaign-plans .pricing-container .plan:hover .paln-head:after{
    background: rgba(8, 28, 84, 0.5);
		-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#campaign-plans .pricing-container .plan .plans-tag{
    background-color: #178bff;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    display: block;
    max-width: 100%;
    text-align: center;
    padding: 19px;
    margin: auto;
    margin-top: -20px;
    position: relative;
}

#campaign-plans .pricing-container .plan .plans-body{
    background-color: #e4e7eb;
    margin-top: -20px;
    padding: 30px;
    padding-top: 41px;
    color: #121417;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 14px;
}

#campaign-plans .pricing-container .plan .plans-body ul{
    padding-left: 0;
}

#campaign-plans .pricing-container .plan .plans-body ul>li{
    list-style: none;
    margin: 18px 0;
    font-size: 13px;
    cursor: pointer;
    color: #9ba6af;
}

#campaign-plans .pricing-container .plan .plans-body ul>li>i{
    margin-right: 5px;
}

#campaign-plans .pricing-container .plan .plans-body ul>li:hover{
    color: #7e8a94;
}


#campaign-plans .pricing-container .plan .plans-footer{
    background: rgba(243, 246, 246, 0.1);
    padding: 42px;
    text-align: center;
    border-top: 1px solid rgba(227, 232, 232, 0.55);
}

#campaign-plans .pricing-container .plan .plans-footer a{
    color: #7799bd;
    font-weight: bold; 
    background-color: #084587;
    border: 1px solid #7799bd;
    padding: 7px 40px;
    text-decoration: none;
}

#campaign-plans .pricing-container .plan .plans-footer a:hover{
    color: #ffffff;
    background: rgba(243, 246, 246, 0.1);
    text-decoration: none;
}


#campaign-plans .pricing-container .plan .ribbon {
  position: relative;
  margin-bottom: 80px;
}

#campaign-plans .pricing-container .plan .ribbon span {
    position: absolute;
    display: -webkit-box;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(-90deg);
    top: 28px;
    margin-left: 2px;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    color: rgba(3, 36, 58, 0.52);
}


#campaign-plans .pricing-container .plan:hover .ribbon span {
    opacity:0;
}


#campaign-plans .pricing-container .plan .ribbon:before,#campaign-plans .pricing-container .plan  .ribbon:after {
  content: "";
  position: absolute;
}

#campaign-plans .pricing-container .plan .ribbon {
    width: 35px;
    height: 70px;
    background: #efe94f;
    top: -6px;
    left: 8px;
    position: absolute;
    z-index: 22;
}

#campaign-plans .pricing-container .plan:hover .ribbon {
    height: 20px;
}

#campaign-plans .pricing-container .plan .ribbon:before {
    height: 0;
    width: 0;
    border-bottom: 6px solid #cac441;
    border-right: 6px solid transparent;
    right: -6px;
}
#campaign-plans .pricing-container .plan .ribbon:after {
    height: 0;
    width: 0;
    border-left: 18px solid #efe94f;
    border-right: 17px solid #efe94f;
    border-bottom: 18px solid transparent;
    bottom: -17px;
}

#campaign-plans .sales-title-2 {
    padding: 60px 0 30px;
    text-align: center;   
}

#campaign-plans .sales-title {
    padding: 60px 0 30px;
    text-align: center;   
}

#campaign-plans .sales-title h5 {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    color: #21252b;
}

#campaign-plans .sales-title h4 {
    font-size: 44px; 
    font-weight: bold;
    text-transform: uppercase;
    color: #21252b;
}

#campaign-plans .sales-title h4>span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 26px;
    margin-top: 15px; 
    color: #344236;   
}

#campaign-plans .sales-title-2 {
    padding: 60px 0 30px;
    text-align: center;   

}
#campaign-plans .sales-title-2 h4 {
    font-size: 44px; 
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    margin-top:31px;
}
#campaign-plans .sales-title-2 h4>span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 26px;
    color: #777fe0;   
}


#campaign-plans .plans-fut {
    float: left;
    width: 100%;
    padding: 40px 0;
    text-align: center;
}

#campaign-plans .plans-fut .col-md-4 {
    padding:0;
}


#campaign-plans .ftr-host{
    padding: 36px 40px;
    border-right: 1px solid #eff2f3;
    border-bottom: 1px solid #eff2f3;
	cursor: pointer;
}

#campaign-plans .ftr-host:hover{
    background: #3252b3;
}

#campaign-plans .no-bottm{
    border-bottom: 0;
}

#campaign-plans .no-right{
    border-right: 0;
}

#campaign-plans .ftr-host img{
    width: 100%;
    max-width: 80px;
}

#campaign-plans .ftr-host h5{
    font-weight: bold;
    font-size: 17px;
    
    letter-spacing: 1px;
    margin-top: 18px;
    color: #fff;
}


#campaign-plans .ftr-host p{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
      font-size: 18px;
    margin-top: 15px; 
    color: #777fe0;
}

#campaign-plans .techologhie-on-host a{
    text-align: center;
    display: block;
}

#campaign-plans .techologhie-on-host img{
    width: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.4;
}

#campaign-plans .techologhie-on-host img:hover{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 0.8;
}



/*------------------------------------------------------------------
	13. facts Styles
-------------------------------------------------------------------*/

#facts{
background-image: linear-gradient(-225deg, #5D9FFF 0%, #B8DCFF 48%, #6BBBFF 100%);
    padding: 90px 0;
    background-size: cover;
}


#facts h5{
    text-align: center;
    font-size: 41px;
    font-weight: bold;
    text-transform: uppercase;
    color: #293861;
}

#facts h5>span{
    display: block;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    font-size: 45px;
    margin-top: 22px;  
    color: #6875cc;
}

#facts .main-icon{
    text-align: center;
    padding: 60px 0;
    display: block;
    width: 100%;
	position:relative;
}



@media (min-width: 768px) {
#facts .main-icon:before{
    content: '';
    position: absolute;
    width: 1px;
    top: 0;
    height: 110px;
    border-right: 1px dashed rgba(0, 0, 0, 0.77);
}

#facts .main-icon:after{
    content: '';
    position: absolute;
    width: 1px;
    bottom: 0;
    height: 110px;
    border-right: 1px dashed rgba(0, 0, 0, 0.77);
}

#facts .middl-ling:after{
    content: '';
    position: absolute;
    width: 1px;
    top: -50px;
    left: -27px;
    height: 300px;
    vertical-align: middle;
    border-right: 1px dashed rgba(0, 0, 0, 0.77);
    transform: rotate(-73deg);
}
#facts .middl-ling:before{
    content: '';
    position: absolute;
    width: 1px;
    top: -50px;
    right: -27px;
    height: 300px;
    vertical-align: middle;
    border-right: 1px dashed rgba(0, 0, 0, 0.77);
    transform: rotate(73deg);
}

#facts .bt-middl-ling:before{
    content: '';
    position: absolute;
    width: 1px;
    top: 78px;
    right: -27px;
    height: 300px;
    vertical-align: middle;
    border-right: 1px dashed rgba(0, 0, 0, 0.77);
    transform: rotate(107deg);
}

#facts .bt-middl-ling:after{
    content: '';
    position: absolute;
    width: 1px;
    top: 78px;
    left: -27px;
    height: 300px;
    vertical-align: middle;
    border-right: 1px dashed rgba(0, 0, 0, 0.77);
    transform: rotate(-107deg);
}

}



#facts .main-icon i{
    display: block;
    width: 240px;
    height: 240px;
    margin: auto;
    background: rgba(235, 238, 241, 0.33);
    border-radius: 140px;
    border: 1px dashed rgba(221, 226, 230, 0.77);
}

#facts .main-icon i:before{
    content: "\f169";
    margin-left: 0;
    font-size: 130px;
    color: #536c7d;
    line-height: 240px;
}

#facts .top-icon{
    text-align: center;
    padding-top: 60px;
	position:relative;
}

#facts .top-icon h6{
    font-weight: bold;
    font-size: 21px;
    color: #2461c9;
    margin-bottom: 5px;
}

#facts .top-icon p{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #585a70;
    padding: 0 60px;
    margin-top: 0;

}

#facts .top-icon i{
    font-size: 35px;
    color: #c092dc;
	overflow: hidden;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

#facts .top-icon:hover  i:before{
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
	font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}

#facts .bottom-icon{
    text-align: center;
    padding-bottom: 60px;
    position: relative;
}

#facts .bottom-icon h6{
    font-weight: bold;
    font-size: 21px;
    color: #2461c9;
    margin-bottom: 5px;
}

#facts .bottom-icon p{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #585a70;
    padding: 0 60px;
    margin-top: 0;
}

#facts .bottom-icon i{
    font-size: 35px;
    color: #c092dc;
}

#facts .bottom-icon:hover  i:before{
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
	font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

#facts .right-top-icon{
    text-align: center;
    padding-top: 120px;
    position: relative;
}

#facts .right-top-icon h6{
    font-weight: bold;
    font-size: 21px;
    color: #2461c9;
    margin-bottom: 5px;
}

#facts .right-top-icon p{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #585a70;
    padding: 0 60px;
    margin-top: 0;
}

#facts .right-top-icon i{
    font-size: 35px;
    color: #6875cc;
}

#facts .right-top-icon:hover  i:before{
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
	font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

#facts .right-bottom-icon{
    text-align: center;
    padding-top: 230px;
    position: relative;
}

#facts .right-bottom-icon h6{
    font-weight: bold;
    font-size: 21px;
    color: #2461c9;
    margin-bottom: 5px;
}

#facts .right-bottom-icon p{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #585a70;
    padding: 0 60px;
    margin-top: 0;
}

#facts .right-bottom-icon i{
    font-size: 35px;
    color: #c092dc;
}

#facts .right-bottom-icon:hover  i:before{
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
	font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}





#not-index-page{
	padding: 80px 0 ;
}



/*------------------------------------------------------------------
	18. hosting page Styles
-------------------------------------------------------------------*/


.landing-hosting{
    padding: 10px 0;
	margin-bottom:80px;
}

.landing-hosting h3{
    display: block;
    font-size: 24px;
    letter-spacing: 0.4px;
    color: #203b4c;
    line-height: 31px;
    text-transform: uppercase;
    font-weight: bold;
}

.landing-hosting p{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;

    font-size: 14px;
    margin: 18px 0;
    line-height: 25px;
    text-align: left;
    color: #7f909a;
}


.landing-hosting .ordr-nw-bttn{
    background: #28bab9;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    padding: 10px 33px;
    border-radius: 45px;
    margin-top: 20px;
    font-size: 13px;
    display: -webkit-inline-box;
}


.landing-hosting .ordr-nw-bttn:hover{
    background: #25a0a0;
    color: #fff;
	text-decoration: none;
}


.whyus-non-index {
    padding: 70px 0 30px;
    text-align: center;
}

.whyus-non-index h5 {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    color: rgba(7, 38, 59, 0.75);
}

.whyus-non-index h4 {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #05253a;
}

.whyus-non-index h4>span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    
    color: rgba(5, 37, 58, 0.67);
}


.non-index-futr-host{
    margin: 20px 0;
    border-right: 1px solid #f1f2f3;
    padding: 10px 30px;
    margin-bottom: 60px;
}

.non-index-futr-host i:before{
    margin-left: 0;
    font-size: 50px;
    color: #86c724;
}

.non-index-futr-host h5{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 23px;
    color: #05253a;
}

.non-index-futr-host p{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 12px;
    color: #8a969e;
}


.non-index-futr-host:hover i:before {
    color: #FFC107;
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

.non-index-futr-host .spscpoicon:before {
    color: #FFC107;
}

.plans-no-index{
	padding: 100px 0 ;
	background: #eff1fe;
}

.plans-no-index .logosplan{
    margin-top: 60px;
}

.plans-no-index .logosplan a{
    float: left;
    padding: 5px;
    margin-right: 15px;
}

.plans-no-index .logosplan a>img{
    width: 120px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.4;
}

.plans-no-index .logosplan a:hover>img{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 0.8;
}

.plans-no-index-info{
    padding: 40px 0;
}

.plans-no-index-info h4{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 22px;
}

.plans-no-index-info p{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;

    font-size: 14px;
    margin: 18px 0;
    line-height: 25px;
    text-align: left;
    color: #7f909a;
}

.plans-non{
    max-width: 250px;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 40px 15px;
    float: left;
    text-align: center;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.1);
    z-index: 2;
    position: relative;
}

.spsclone-non-plans{
	z-index: 1;
    position: relative;
    margin-left: -20px;
    margin-top: 30px;
		-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.spsclone-non-plans p{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 12px;
    padding: 5px;
    margin-bottom: 0;
    color: #b9bbc7;
    text-transform: uppercase;
	text-align: left;
    padding-left: 43px;
}

.spsclone-non-plans .btn-ordr-plan {
    background: #2196F3 !important;
}

.spsclone-non-plans .btn-ordr-plan:hover{
    background: #2086d8 !important;
}

.spsclone-non-plans p>i{
    margin-right: 7px;
    font-size: 16px;
    color: #86c724;
}

.spsclone-non-plans p:hover>i{
    color: #9fb1b1;
}

.spsclone-non-plans:hover{
	z-index: 3;
		-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.plans-non h5{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
}


.plans-non .price-pal .ones{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}

.plans-non .price-pal .onts{
    font-weight: bold;
    font-size: 60px;
}

.plans-non .price-pal .onrs{
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 12px;
}

.plans-non .info-palns{
    padding: 15px 0;
}

.plans-non .info-palns span{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 12px;
    padding: 6px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.06);
    color: #b9bbc7;
}

.plans-non .btn-ordr-plan{
    background: #28bab9;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    padding: 10px 33px;
    border-radius: 45px;
    margin-top: 20px;
    font-size: 13px;
    display: -webkit-inline-box;
}

.plans-non .btn-ordr-plan:hover{
    background: #25a9a8;
    color: #fff;
	    text-decoration: none;
}





/*------------------------------------------------------------------
	18. about us page Styles
-------------------------------------------------------------------*/



.about-us-spcl-fetr{
    margin: 0;
    padding: 40px 30px;
    margin-bottom: 0;
}


.about-us-spcl-fetr-no-border{
    border-right: none;
}

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

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
      margin-top: 30px;
    }
    
}


/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}


.why-tittle{
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #05253a;
}

.why-tittle span{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    
    color: rgba(5, 37, 58, 0.67);
}

#page-helf-photo{
    float: none;
    width: 100%;
    border-bottom: 1px solid #edeeef;
    padding-bottom: 0;
    max-width: 1400px;
    margin: auto 0;
    text-align: center;
}

#page-helf-photo .left-helf-of-page{
    background: url(../img/demo/back.jpg) no-repeat top right;
    min-height: 437px;
    width: 50%;
    float: left;
    display: block;
    background-size: 900px;
    -webkit-box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.1);
}

#page-helf-photo .right-helf-of-page{
    float: left;
    width: 50%;
    padding: 60px;
    padding-bottom: 0;
}

#page-helf-photo .right-helf-of-page h5{
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    color: #05253a;
}

#page-helf-photo .right-helf-of-page p{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 14px;
    
    color: rgba(5, 37, 58, 0.67);
    margin-top: 20px;
    line-height: 25px;
}

#page-helf-photo .right-helf-of-page .feturest-of-helf{
    padding: 30px;
}

#page-helf-photo .right-helf-of-page .feturest-of-helf span{
    display: block;
    width: 100%;
    padding: 8px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    text-align: left;
    color: #05253a;
}

#page-helf-photo .right-helf-of-page .feturest-of-helf span>i{
    color: #8BC34A;
    font-size: 18px;
    margin-right: 6px;
}

#our-team{
    float:left;
	width:100%;
	padding:80px 0;
}

#our-team .our-team-tittle{
    margin-bottom: 60px;
}


#our-team .our-team-tittle h5{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #05253a;
}

#our-team .our-team-tittle h5>span{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    
    color: rgba(5, 37, 58, 0.67);
}

#our-team .aothor-box{
    margin: 30px 19px;
    padding: 30px 0 60px 0;
    border-radius: 8px;
	position: relative;
}

#our-team .aothor-box img{
    width: 120px;
    border-radius: 80px;
}

#our-team .aothor-box h5{
    margin-top: 16px;
    font-weight: bold;
    font-size: 20px;
}


#our-team .aothor-box span{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 14px;
    margin-top: -5px;
    
    color: rgba(5, 37, 58, 0.67);
}

#our-team .aothor-box .social {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -30px;
    opacity: 0;
}

#our-team .aothor-box:hover {
    -webkit-box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.1);
}

#our-team .aothor-box:hover .social {
    bottom: 20px;
    opacity: 1;
}

#our-team .aothor-box .social  .fbic{
    background: #4b78ad;
    color: #fff;
    padding: 3px 9px;
    border-radius: 30px;
	margin: 2px;

}

#our-team .aothor-box .social  .twic{
    background: #08afd3;
    color: #fff;
    padding: 3px 7px;
    border-radius: 30px;
    margin: 2px;
}

#our-team .aothor-box .social  .dric{
    background: #da7ca7;
    color: #fff;
    padding: 3px 7px;
    border-radius: 30px;
    margin: 2px;
}



/*------------------------------------------------------------------
	19. domain search page Styles
-------------------------------------------------------------------*/


.domain-section-non-index{
    padding: 80px 0 0 0;
    text-align: center;
}

.domain-section-non-index h5{
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #05253a;
}

.domain-section-non-index h5>span{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    
    color: rgba(5, 37, 58, 0.67);
}

.non-index-serch:after {
    display:none;
}


.non-index-serch input[type="text"] {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
	border: 1px solid #ebedf1  !important;
}

.non-index-serch {
    margin: 50px auto !important;
    margin-bottom: 0 !important;
}

.control-group {
    text-align: center;
    padding: 30px;
    width: 100%;
    margin: 10px;
}
.control {
     display: -webkit-inline-box;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
    margin-right: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}
.control input:checked ~ .control__indicator {
  background: #2aa1c0;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #0e647d;
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}
.select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}
.select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #e6e6e6;
  color: #7b7b7b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select select::-ms-expand {
  display: none;
}
.select select:hover,
.select select:focus {
  color: #000;
  background: #ccc;
}
.select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select__arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
  border-top-color: #000;
}
.select select:disabled ~ .select__arrow {
  border-top-color: #ccc;
}


.domain-search-error{
    text-align: center;
    padding: 10px 0 30px 0;
}

.domain-search-error .titte-error-domain h5{
    font-size: 30px;
    text-transform: uppercase;
    color: #F44336;
}


.domain-search-error .titte-error-domain h5>span{

}

.domain-search-error .titte-error-domain p{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;

    color: rgba(5, 37, 58, 0.69);
}

.domain-search-error .titte-error-domain p>b{
    color: #55686d;
}

.domain-search-error .suggestion-domains{
    margin: 30px 200px;
    border: 1px solid #f3f3f3;
    padding: 30px;
    border-radius: 8px;
}

.domain-search-error .suggestion-domains h5{
    text-align: left;
    margin-top: 0;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 25px;
}

.domain-search-error .suggestion-domains p{
    margin: 0 10px;
    border-bottom: 1px solid #e5ebef;
    padding: 10px;
}

.domain-search-error .suggestion-domains p:hover{
    background: rgba(229, 235, 239, 0.21);
}

.domain-search-error .suggestion-domains p>span{
    float: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;

    color: rgba(5, 37, 58, 0.69);
    margin-top: 7px;
}

.domain-search-error .suggestion-domains p>span{
    float: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;

    color: rgba(5, 37, 58, 0.69);
    margin-top: 7px;
}

.domain-search-error .suggestion-domains p>a{
    float: right;
    color: #4CAF50;
    border: 2px solid #4CAF50;
    padding: 5px 29px;
    border-radius: 35px;
    font-family: 'Roboto', sans-serif;
    line-height: 21px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}


.domain-search-error .suggestion-domains p>a:hover{
    background: #4CAF50;
    color: #fff;
    border: 2px solid #4CAF50;
	text-decoration: none;
}

.domain-search-info-plus{
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #f3f5f7 100%);
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#f3f5f7 100%);
    background: linear-gradient(to bottom, #f5f5f5 0%,#f3f5f7 100%);
    padding: 60px 0;
}

.domain-search-info-plus h5 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 30px;
    position: relative;
    text-align: center;
}

.domain-search-info-plus h5>span{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 17px;

    color: rgba(5, 37, 58, 0.59);
    display: block;
}

.domain-search-info-plus h5:after{
    content: '+';
    position: absolute;
    right: -30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    color: #cad2da;
    top: 13px;
}

.domain-search-info-plus .thelast:after{
    content: '=';
    position: absolute;
    right: -18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    color: #cad2da;
    top: 13px;
}


.domain-search-info-plus h4{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 40px;
    position: relative;
    color: #4caf50;
	text-align: center;
}

.domain-search-info-plus h4>span{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 17px;

    color: rgba(5, 37, 58, 0.59);
    margin-top: -12px;
    display: block;
}

.domain-search-info-plus h4>b{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;

    color: rgba(5, 37, 58, 0.59);
    margin-left: 9px;
}

.services-fetures-page{
    padding: 100px 0;
    border-top: 1px solid #f4f4f5;
}


.info-sec-serv-fet h5 {
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    color: #05253a;
    margin-bottom: 50px;
}

.info-sec-serv-fet h5>span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    
    color: rgba(5, 37, 58, 0.67);
	margin-left:0
}

.info-sec-serv-fet p {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 13.5px;
    margin-top: 5px;
    
    color: rgba(5, 37, 58, 0.46);
    padding: 1px 10px;
}

.info-sec-serv-fet p>i {
    color: #8BC34A;
    font-size: 15px;
    margin-right: 8px;
}
.info-sec-serv-fet span {
    display: block;
    margin-top: 30px;
    margin-left: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
}


/*------------------------------------------------------------------
	20. 404 not found page Styles
-------------------------------------------------------------------*/


.not-found{
    text-align: center;
    padding: 70px 0;
    background: #f6f6f6;
}

.not-found img{
    width: 100%;
    max-width: 628px
}

.not-found h1{
    text-transform: uppercase;
    font-size: 130px;
    margin-top: -120px;
}

.not-found h1{
    text-transform: uppercase;
    font-size: 130px;
    margin-top: -120px;
}

.not-found h1>span{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 17px;
    margin-top: 7px;
    opacity: 0.5;
    text-transform: none;
}


.contact-page-header{
    min-height: initial;
}

.contact-page{
	padding: 80px 0;
}

.contact-tittle h5{
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    color: rgba(7, 38, 59, 0.75);	
}

.contact-tittle h3{
	font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    color: #05253a;
    text-align: center;
}

.contact-tittle h3>span{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    
    color: rgba(5, 37, 58, 0.67);
}

.way-to-contact{
    text-align: center;
    padding: 120px 0 50px 0;
    border-bottom: 1px solid #f0f1e9;
    margin-bottom: 80px;
}

.way-to-contact span{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 13px;
    color: #94a1a9;
}


.way-to-contact .btn-cntct-one{
    background: #CDDC39;
    padding: 8px 45px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    border-radius: 50px;
    margin: 0 30px;
    border: 2px solid #cddc39;
}

.way-to-contact .btn-cntct-one:hover{
    background: #ffffff;
    color: #cddc39;
    border: 2px solid #cddc39;
	text-decoration: none;
}

.way-to-contact .btn-cntct-two{
    background: #ffffff;
    padding: 8px 45px;
    font-weight: bold;
    text-transform: uppercase;
    color: #cddc39;
    border-radius: 50px;
    margin: 0 30px;
    border: 2px solid #cddc39;
}

.way-to-contact .btn-cntct-two:hover{
    background: #CDDC39;
    color: #fff;
    border: 2px solid #cddc39;
	text-decoration: none;
}

.way-to-contact small{
    display: block;
    margin-top: 80px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    text-transform: inherit;
    font-size: 13px;
    color: #798892;
}


.way-to-contact small>b{
    margin-left: 4px;
    color: #333;
}


.side-bar-quastions{
    margin: 50px 0;
    padding: 30px 20px;
    border: 1px solid #dee5e8;
    border-radius: 8px;
	width: 350PX;
}

.side-bar-quastions li{
    list-style: none;
}

.side-bar-quastions li>a{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 13px;
    color: #c2c5d6;
    
    padding: 7px 0;
}

.side-bar-quastions li>a:hover{
    color: #858898;
    text-decoration: none;
}

.side-bar-quastions .has-chldren a{
    color: #858898;
    font-weight: bold;
}

.side-bar-quastions .has-chldren li{
    list-style: inherit;
}

.side-bar-quastions .has-chldren li>a{
    font-weight: normal;
    font-size: 13px;
    color: #c2c5d6;
    
}
.side-bar-quastions .has-chldren li>a:hover{
    color: #858898;
    text-decoration: none;
}

.side-bar-answer{
    margin: 20px 0;
    padding: 0 20px;
}

.side-bar-answer .qst{
    padding: 25px 0;
    border-bottom: 1px solid rgba(222, 229, 232, 0.49);
}


.side-bar-answer h3{
    font-weight: bold;
    color: #05253a;
    font-size: 18px;
    margin-bottom: 25px;
}

.side-bar-answer h3>span{
    font-weight: bold;
    text-transform: uppercase;
    background: #FFC107;
    padding: 6px 17px;
    border-radius: 45px;
    color: #fff;
    margin-right: 13px;
}

.side-bar-answer p{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 13px;
    margin-top: 5px;
    
    color: rgba(5, 37, 58, 0.67);
    line-height: 24px;
}

.fixedlayoutqst{
    position: fixed;
    top: 0;
}



/*------------------------------------------------------------------
	THE END
-------------------------------------------------------------------*/


.cntct-footer{
    background: #f3f3f3;
    display: block;
    float: left;
    width: 100%;
    padding: 16px 33px;
    border-radius: 6px 6px;
    margin-right: 40px;
    margin-top: -30px;
}

#footer-area .phone-support {
    padding: 16px 33px;
    border-radius: 6px;
    margin-right: 0;
    margin-top: 0;
    background: #fff;
    -webkit-box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.01);
    -moz-box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.01);
    box-shadow: 0px 0px 43px -1px rgba(0,0,0,0.01);
}

#footer-area .msj-send-area .head-tittle{
    color: #87939c;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    
    font-size: 13px;
}

#footer-area .msj-send-area #ajax-contact {
    margin-top: 10px;
    float: left;
    width: 100%;
}

#footer-area .msj-send-area #ajax-contact button:focus {outline:0;}

.hosing-pakages{
	position:relative;
}

.hosing-pakages:before {
    font-family: Flaticon;
    font-style: normal;
    content: "\f13b";
    color: rgba(255, 255, 255, 0.06);
    margin-left: 0;
    position: absolute;
    font-size: 128px;
    left: -20px;
    top: 40px;
}

#footer-area .footer-links h4,#footer-area .footer-links ul  {
    position: relative;
}

#footer-area .footer-links h4,#footer-area .footer-links ul>li  {
    list-style:none;
}

.footer-links h4 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    padding-bottom: 15px;
}

.services-pakages{
	position:relative;
}

.services-pakages:before {
    font-family: Flaticon;
    font-style: normal;
    content: "\f1bb";
    color: rgba(255, 255, 255, 0.06);
    margin-left: 0;
    position: absolute;
    font-size: 128px;
    left: -40px;
    top: 40px;
}


.company-pakages{
	position:relative;
}

.company-pakages:before {
    font-family: Flaticon;
    font-style: normal;
    content: "\f17e";
    color: rgba(255, 255, 255, 0.4);
    margin-left: 0;
    position: absolute;
    font-size: 128px;
    left: -60px;
    top: 40px;
}

.menu-mega-offr{
    background-color: #2952cc;
    padding: 20px 13px;
    text-align: center;
	color:#fff;
	border-radius: 4px;
}

.menu-mega-offr h5{
    font-size: 22px;
    font-weight: 100;
    line-height: 30px;
}

.menu-mega-offr a{
    background: #eaeaea;
    font-weight: bold;
    color: #0036a1;
    padding: 9px 20px;
    display: block;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 5px;
}
.menu-mega-offr h5>span{
    display:block;
	font-size:13px;
}

.menu-mega-offr a:hover{
    background: #f1ab05;
    color: #000;
	text-decoration: none;
}

.megamenucontainpadding {
    padding: 40px 33px;
}


.dedicated-tittle  h5 {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #05253a;
}

.dedicated-tittle  h5>span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    
    color: rgba(5, 37, 58, 0.67);
}

.dedicated-section{
    padding: 0 0 80px;
}


.web-assets {
    padding: 60px 0;
}

.web-assets table {
   padding: 0 30px;
}

.web-assets thead>tr {
    background: #1028b0;
}

.web-assets thead>tr>th {
    color: #fff;
    padding: 20px 10px;
    border: 0;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.web-assets thead>tr>th first {
    padding-left: 30px;
}

.web-assets tbody>tr>td{
    border: 0;
    padding: 5px;
    border-bottom: 1px solid rgba(233, 239, 239, 0.65);

    color: #384047;
    position: relative;
    height: 60px;
    line-height: 50px;
}

.web-assets tbody>tr{
background: #c3e0f7;
  
}

.web-assets tbody>tr:hover{
opacity: 0.8;
}


.web-assets .web-item{
    padding-left: 55px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.web-assets .web-item i{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    vertical-align: middle;
    background: #55c8e8;
    color: #fff;
}

.web-assets .web-item i:before{
    margin-left: 0;
    font-size: 30px;
    padding: 3px;
    line-height: 60px;
}
.web-assets .web-item span{
    font-weight: 100;
    font-size: 11px;
}

.price-dedicted{
    font-weight: 300;
    font-size: 19px;
    color: #0071fa !important;
}

.price-dedicted b{
    font-size: 11px;
    color: #b8c1c7;
}

.order-dedicted {
    background: #86c724;
    color: #fff;
    padding: 7px 24px;
    border-radius: 5px;
    text-decoration: none;
}

.order-dedicted:hover,.order-dedicted:focus {
    background: #74ad1e;
    color: #fff;
    text-decoration: none;
}


.cloud-section{
    padding: 0 0 80px;
}


.cloud-tittle  h5 {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #05253a;
}

.cloud-tittle  h5>span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    
    color: rgba(5, 37, 58, 0.67);
}


.cloud-host-tabs {
    text-align: center;
    padding: 60px 0;
    border: 0;
}


.cloud-host-tabs li{
    float: none;
    display: -webkit-inline-box;
    border: 0;
}

.cloud-host-tabs li>a {
    color: #555;
    cursor: default;
    background-color: #fff;
    border-bottom-color: transparent;
    border: 0;
    padding: 32px;
}

.cloud-host-tabs li>a>i{
    font-size: 47px;
    display: block;
    color: #d5dce0;
}

.cloud-host-tabs li>a>span{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #05253a;
    margin-top: 14px;
}


.cloud-host-tabs li>a {
    min-width: 173px;
}

.cloud-host-tabs li.active>a {
    background: #f0f2f3 !important;
    border-radius: 4px;
    border: 0 !important;
}

.cloud-host-tabs li.active>a>i {
    color: #2196F3;

}


.cloud-host-tabs li.active>a:hover{
    background: #e9edef;
    border: 0;
}


.plans-clouds-content{
    border: 1px solid #f0f2f3;
    padding: 60px 10px;
    text-align: center;
    border-radius: 16px;
}

.plans-clouds-content:hover{
    border: 1px solid #c5cdd2;
}

.plans-clouds-content .clouds-header span{
    font-size: 22px;
    text-transform: uppercase;
}

.plans-clouds-content .clouds-header p{
    padding: 22px 0;
    font-size: 60px;
}

.plans-clouds-content .clouds-header p>b{
    font-weight: 500;
    font-size: 13px;
}

.plans-clouds-content .clouds-content p{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #8b969e;
    padding-bottom: 18px;
}

.plans-clouds-content .ordr-bttn-clouds{
    background: #8BC34A;
    padding: 8px 30px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    border-radius: 41px;
}

.plans-clouds-content .ordr-bttn-clouds:hover,.plans-clouds-content .ordr-bttn-clouds:focus {
    background: #74a53c;
    color: #fff;
    text-decoration: none;
}


.logo-simple i {
    font-weight: 100;
    font-size: 13px;
    display: block;
    margin-top: 6px;
}

.form-wrap {
padding: 33px 35px;
border: 1px solid #585d66;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);

}
textarea.form-control {
  padding: 7px 0 8px;
}

.form-control {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #585d66;
  padding: 7px 8px 8px;
  border-radius: 0;
  background-color: transparent;
  border: 1px solid #585d66;
  -moz-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  -webkit-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.form-control.border-bottom {
  border-color: transparent;
  border-bottom: 1px solid #585d66;
}
.form-control.border-bottom:hover, .form-control.border-bottom:focus {
  border-color: transparent;
  border-bottom-color: #585d66;
}
.form-control:hover, .form-control:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #585d66;
}
.form-control.form-control-no-space {
  padding-left: 0;
  padding-right: 0;
}
.form-control.form-control-rounded {
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
}

.form-group {
  margin-bottom: 20px;
}

.form-control::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.95);
}

.form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.95);
}

/* Firefox 19+ */
.form-control:-moz-placeholder {
  color: rgba(255, 255, 255, 0.95);
}

/* Firefox 18- */
.form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.95);
}

input.form-control {
  height: 39px;
}

.input-group-btn > .btn {
  font-size: 15px;
  padding: 8px 18px 8px 18px;
}

.input-group.input-group-roundend .form-control {
  -moz-border-radius: 24px 0 0 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px 0 0 24px;
  padding-left: 16px;
  padding-right: 16px;
}
.input-group.input-group-roundend .input-group-btn .btn {
  -moz-border-radius: 0 24px 24px 0;
  -webkit-border-radius: 0;
  border-radius: 0 24px 24px 0;
}

.iconbox {
  display: table;
  margin-bottom: 40px;
}
.iconbox .iconbox-content {
  display: table-cell;
  visibility: middle;
}
.iconbox .iconbox-title {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
}
.iconbox .iconbox-side {
  display: table-cell;
  visibility: middle;
}
.iconbox .iconbox-side .iconbox-ico {
  margin-right: 15px;
}
.iconbox .iconbox-text {
  color: #555;
  font-size: 13px;
}

.ico-circle {
  border-radius: 50%;
  width: 2.2em;
  height: 2.2em;
  color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.8);
  position: relative;
}
.ico-circle:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  margin-top: -0.5em;
  line-height: 1;
}

.ico-box {
  font-size: 50px;
  vertical-align: middle;
  margin-bottom: 24px;
  margin-top: 0px;
}
.ico-box.icon-box-sm {
  font-size: 30px;
}
.ico-box.icon-box-lg {
  font-size: 70px;
}

.fa {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=99);
  opacity: 0.99;
}


#form-messages {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size:21px;
    font-weight: 100;
    margin-top: 17px;
    margin-bottom: 17px;

}

.footer-background{
background-color: #343b42;
}

 .sales-title h3{
font-size:19px;
font-weight:300;
text-transform: uppercase;
color: #fff;
}

.btn {
	border: 1px solid #585d66;
  width: 100%
	line-height: 20px;
  color: #000;
  background: transparent;
  -moz-transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -webkit-transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
	padding: 22px 33px;
  	border-radius: 0;

}

.btn:focus:active,
.btn:focus,
.btn:active {
	outline: none !important;
	outline-offset: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn:hover,
.btn:focus {
	  color: #000;
  background-color: #FFF;
}

.btn i {
	margin-right: 5px;
}

.btn.icon-right i {
	margin-right: 0;
	margin-left: 5px;
}

.btn-xs { padding: 7px 20px; font-size: 10px; line-height: 16px; }
.btn-sm { padding: 12px 24px; font-size: 12px; line-height: 18px; }
.btn-lg { padding: 21px 40px; font-size: 16px; }

.btn-noradius {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.btn.btn-link,
.btn.btn-link:hover,
.btn.btn-link:focus {
	border: none;
	background-color: transparent;
	text-decoration: none;
}

.btn.btn-border {
	color: #2951d5;
	background-color: transparent;
	border-width: 2px;
	border-color: #2951d5;
	padding: 14px 34px;
}
.btn.btn-border:hover,
.btn.btn-border:focus { color: #1043cc; background-color: transparent; border-color: #1043cc; }
.btn-border.btn-xs { padding: 5px 20px; }
.btn-border.btn-sm { padding: 10px 24px; }
.btn-border.btn-lg { padding: 19px 40px; }

.btn.btn-shadow {
	box-shadow: 0 10px 20px rgba(0,0,0,.09);
}                                                                                                                    

.btn-group-alt {
	position: relative;
    display: inline-block;
    vertical-align: middle;
	margin: 0 -10px;
}

.btn-group-alt .btn {
	margin: 0 10px;
}

 */

nav ul {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


.logo {
    padding: 0;
    height: 32px;
    z-index: 4;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.logo a {
    height: 20px;
    float: left;
    position: relative;
}
.logo img {
    height: 100%;
    width: auto;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
/**
 * 2.2 Menu
 */

.menu,
.menu-right-box {
    line-height: 1.5;
    height: 32px;
    position: relative;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: capitalize;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.menu_list {
    margin-bottom: 0;
}
.menu li {
    float: left;
    position: relative;
    padding: 0 15px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
}
.menu li a {
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    color: #fff;
}
.menu ul li:hover > ul {
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.menu_list:hover > li > a {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.menu_list > li > a:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.sub-menu {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: 0;
    padding-top: 12px;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.sub-menu:after {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 12px);
    background: #fff;
    left: 0;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: rgba(78, 70, 145, 0.560784) 0px 10px 20px -12px, rgba(0, 0, 0, 0.117647) 0px 3px 20px 0px, rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
}
.sub-menu:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    top: 8px;
    left: 32px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sub-menu li {
    padding: 0;
    width: 140px;
    z-index: 3;
}
.sub-menu li a {
    color: #676767 !important;
    font-size: 12px !important;
    padding: 10px;
}
.sub-menu > li:first-child,
.sub-menu ul > li:first-child {
    border-radius: 4px 4px 0 0;
}
.sub-menu > li:last-child,
.sub-menu ul > li:last-child {
    border-radius: 0 0 4px 4px;
}
.sub-menu li:hover {
    background: rgba(171, 173, 217, .1)
}
.mobile-menu-btn {
    display: none;
}
.nav-trigger {
    float: right;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 4;
}
.nav-trigger em,
.nav-trigger em:before,
.nav-trigger em:after {
    display: block;
    position: relative;
    height: 2px;
    width: 24px;
    background-color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.nav-trigger em:before,
.nav-trigger em:after {
    position: absolute;
    content: '';
    left: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -webkit-transition: transform .3s;
    transition: transform .3s;
    -webkit-transition: transform .3s, -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}
.nav-trigger em:before {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
.nav-trigger em:after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
}
.nav-open .nav-trigger em {
    background-color: rgba(255, 255, 255, 0);
}
.nav-open .nav-trigger em:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.nav-open .nav-trigger em:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.box-inner {
    text-align: right;
    float: right;
    width: 100%;
}
/**
 * 3. Content
 */

.container > section {
    position: relative;
    padding-top: 90px;
    padding-bottom: 90px;
}
.ms-portfolio {
    padding-top: 90px;
    padding-bottom: 90px;
}
.ms-hero-copy {
    top: auto;
    width: 60%;
    text-align: center;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #F7F7FA;
    margin: 0 auto 15px;
    z-index: 3;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ms-hero-copy.ms-title {
    margin-bottom: 0;
}
.ms-hero-copy.ms-title small {
    color: #fff;
}
.ms-hero-copy.ms-title b {
    text-shadow: 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.ms-title {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 60px;
}

.ms-title h1 {
font-size: 80px;
font-weight: 900;
opacity: 0.7;
}


.ms-title h2 {
    position: relative;
    color: #4F4791;
    margin: 0 auto 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: normal;
}
.ms-title h3 {
    font-size: 16px;
    width: 66.666%;
    margin: 0 auto;
    text-transform: capitalize;
    letter-spacing: normal;
}
article {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.ms-grid {
    padding: 0;
}
.ms-grid figure {
    position: relative;
    padding-bottom: 15px;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.pagination {
    margin-bottom: 0;
}
.pagination > li > a {
    position: relative;
    float: left;
    margin-right: 5px;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #4a4a4a;
    text-decoration: none;
    background-color: #fff;
    border: none;
}
.pagination > li > a i {
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
}
.pagination>li>a.active {
    background: #eb484d;
    color: #fff;
    outline: none;
    border-radius: 4px;
    box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2);
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    border-radius: 4px;
}
/**
 * 3.1 Parallax
 */

.hero-parallax {
    width: 100%;
    height: 645px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.page-heading.parallax-slider {
    width: 100%;
    height: 450px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.parallax-slider .row {
    z-index: 2;
}
.parallax-slider .ms-title,
.parallax-slider .ms-title h2,
.parallax-slider .ms-title h3 {
    z-index: 4 !important;
    color: #fff;
}
.parallax-slider::before {
    content: '';
    position: absolute;
    left: 0;
    z-index: 1;
    top: 0;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    width: 100%;
    height: 100%;
background-color: #133654;

}
.ellipse-bottom::before{
    background-image: none;
}
.parallax-slider::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    box-shadow: inset 0px 0px 160px 10px rgba(0, 0, 0, .4);
    background-image: url("../img/subtle-dots.png");
}
                           
                           
              
.hero-parallax .big-title{
    text-align: center;
    color: #eaeaea;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 200;
}

.hero-parallax .head-light-title{
    color: #fff;                  
    font-size: 89px;
    text-transform: uppercase;
    margin-top:25px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    line-height: 1.25;
}
.hero-parallax .head-light-title>span{
    font-weight:800;
          text-shadow: 0 1px 1px #0e2e14;
}

.hero-parallax .big-title>span{
    font-weight: 400;
}