/*!

 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)

 * Code licensed under the Apache License v2.0.

 * For details, see http://www.apache.org/licenses/LICENSE-2.0.

 */

  
@font-face {

  font-family: 'Avenir-Black';

  src: url('http://mobile.uniterrene.com/asset/fonts/Avenir-Black/Avenir-Black.eot?#iefix') format('embedded-opentype'),  url('http://mobile.uniterrene.com/asset/fonts/Avenir-Black/Avenir-Black.woff') format('woff'), url('http://mobile.uniterrene.com/asset/fonts/Avenir-Black/Avenir-Black.ttf')  format('truetype'), url('http://mobile.uniterrene.com/asset/fonts/Avenir-Black/Avenir-Black.svg#Avenir-Black') format('svg');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Avenir-Heavy';

  src: url('http://mobile.uniterrene.com/asset/fonts/Avenir-Heavy/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),  url('http://mobile.uniterrene.com/asset/fonts/Avenir-Heavy/Avenir-Heavy.woff') format('woff'), url('http://mobile.uniterrene.com/asset/fonts/Avenir-Heavy/Avenir-Heavy.ttf')  format('truetype'), url('http://mobile.uniterrene.com/asset/fonts/Avenir-Heavy/Avenir-Heavy.svg#Avenir-Heavy') format('svg');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Avenir-Roman';

  src: url('http://mobile.uniterrene.com/asset/fonts/Avenir-Roman/Avenir-Roman.eot?#iefix') format('embedded-opentype'),  url('http://mobile.uniterrene.com/asset/fonts/Avenir-Roman/Avenir-Roman.woff') format('woff'), url('http://mobile.uniterrene.com/asset/fonts/Avenir-Roman/Avenir-Roman.ttf')  format('truetype'), url('http://mobile.uniterrene.com/asset/fonts/Avenir-Roman/Avenir-Roman.svg#Avenir-Roman') format('svg');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Avenir-Light';

  src: url('http://mobile.uniterrene.com/asset/fonts/Avenir-Light/Avenir-Light.eot?#iefix') format('embedded-opentype'),  url('http://mobile.uniterrene.com/asset/fonts/Avenir-Light/Avenir-Light.woff') format('woff'), url('http://mobile.uniterrene.com/asset/fonts/Avenir-Light/Avenir-Light.ttf')  format('truetype'), url('http://mobile.uniterrene.com/asset/fonts/Avenir-Light/Avenir-Light.svg#Avenir-Light') format('svg');

  font-weight: normal;

  font-style: normal;

}





@font-face {

  font-family: 'Avenir-Medium';

  src: url('http://mobile.uniterrene.com/asset/fonts/Avenir-Medium/Avenir-Medium.eot?#iefix') format('embedded-opentype'),  url('http://mobile.uniterrene.com/asset/fonts/Avenir-Medium/Avenir-Medium.woff') format('woff'), url('http://mobile.uniterrene.com/asset/fonts/Avenir-Medium/Avenir-Medium.ttf')  format('truetype'), url('http://mobile.uniterrene.com/asset/fonts/Avenir-Medium/Avenir-Medium.svg#Avenir-Medium') format('svg');

  font-weight: normal;

  font-style: normal;

}



@font-face {

	font-family: 'Avenir-Medium';

	src: url('fonts/Avenir-Medium.ttf');

	font-weight: normal !important;

	font-style: normal !important;

}

@font-face {

	font-family: 'avenir-light';

	src: url('fonts/avenir-light.ttf');

	font-weight: normal !important;

	font-style: normal !important;

}





html,

body {

    width: 100%;

    height: 100%;

}



body {

    font-family: 'Avenir-Black';

	padding-right: 0px !important;

}



body.home{background:#333}

body.modal-open {position: fixed;}



hr {

    max-width: 50px;

    border-color: #f05f40;

    border-width: 3px;

}



hr.light {

    border-color: #fff;

}



a {

    color: #f05f40;

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;

}



a:hover,

a:focus {

    color: #eb3812;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Avenir-Black';

}



p {

    margin-bottom: 20px;

    font-size: 16px;

    line-height: 1.5;

}



.bg-primary {

    background-color: #fff;

}



.bg-dark {

    color: #fff;

    background-color: #222;

}



.text-faded {

    color: rgba(255,255,255,.7);

}



section {

    padding: 100px 0;

}



aside {

    padding: 50px 0;

}

.clear{clear:both}



.no-padding {

    padding: 0;

}



.navbar-default {

    border-color: transparent!important;

    font-family: 'Avenir-Black';

    background-color: #fff;

    -webkit-transition: all .10s;

    -moz-transition: all .10s;

    transition: all .10s;

}
.profile-tab-wrap{
    margin-top:50px;
}



.navbar-default .navbar-header .navbar-brand {

    text-transform: uppercase;

    font-family: 'Avenir-Black';

    font-weight: 700;

    color: #f05f40;

}



.navbar-default .navbar-header .navbar-brand:hover,

.navbar-default .navbar-header .navbar-brand:focus {

    color: #eb3812;

}



.navbar-default .nav > li>a,

.navbar-default .nav>li>a:focus {

    text-transform: uppercase;

    font-size: 13px;

    color: #222;

    outline:none;

    text-align: center;

    margin: 0 auto;

}

.navbar-nav>li{outline:none}



.navbar-default .nav > li>a:hover,

.navbar-default .nav>li>a:focus:hover {

    color: #f05f40;

}



.navbar-default .nav > li.active>a,

.navbar-default .nav>li.active>a:focus {

    color: #f05f40!important;

    background-color: transparent!important;

}



.navbar-default .nav > li.active>a:hover,

.navbar-default .nav>li.active>a:focus:hover {

    background-color: transparent!important;

}

.affix{box-shadow: 0px 0px 20px #bbb;}

@media(min-width:768px) {

    .navbar-default {

        border-color: rgba(255,255,255,.3);

        background-color: transparent;

    }



    .navbar-default .navbar-header .navbar-brand {

        color: rgba(255,255,255,.7);

    }



    .navbar-default .navbar-header .navbar-brand:hover,

    .navbar-default .navbar-header .navbar-brand:focus {

        color: #fff;

    }



    .navbar-default .nav > li>a,

    .navbar-default .nav>li>a:focus {

        color: #fff;

    }



    .navbar-default .nav > li>a:hover,

    .navbar-default .nav>li>a:focus:hover {

        color: #fff;

    }



    .navbar-default.affix {

        border-color: rgba(34,34,34,.05);

        background-color: #fff;

    }



    .navbar-default.affix .navbar-header .navbar-brand {

        font-size: 14px;

        color: #f05f40;

    }



    .navbar-default.affix .navbar-header .navbar-brand:hover,

    .navbar-default.affix .navbar-header .navbar-brand:focus {

        color: #eb3812;

    }



    .navbar-default.affix .nav > li>a,

    .navbar-default.affix .nav>li>a:focus {

        color: #222;

    }



    .navbar-default.affix .nav > li>a:hover,

    .navbar-default.affix .nav>li>a:focus:hover {

        color: #f05f40;

    }

}



header {

    position: relative;

    width: 100%;

    min-height: auto;

    text-align: center;

    color: #fff;

    background-image: url(/asset/images/banner.png);

    /*background-position: center;*/

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



header .header-content {

    position: relative;

    width: 100%;

    padding: 100px 15px;

    text-align: center;

}



header .header-content .header-content-inner h1 {

    margin-top: 0;

    margin-bottom: 0;

    text-transform: uppercase;

    font-weight: 700;

}



header .header-content .header-content-inner hr {

    margin: 30px auto;

}



header .header-content .header-content-inner p {

    margin-bottom: 50px;

    font-size: 16px;

    font-weight: 300;

    color: rgba(255,255,255,.7);

}

.modal .checkbox{

	padding-left: 0;

    width: 251px;

    margin: auto;

    margin-bottom: 20px;

}

.register-part.auth-part .checkbox.checkbox-danger {width: 90%;}

@media(min-width:990px) {

    header {

        min-height: 100%;

    }



    header .header-content {

        position: absolute;

        top: 50%;

        padding: 0 50px;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

    }



    header .header-content .header-content-inner {

        margin-right: auto;

        margin-left: auto;

        max-width: 1000px;

        margin-top: 100px;

    }



    header .header-content .header-content-inner p {

        margin-right: auto;

        margin-left: auto;

        max-width: 80%;

        font-size: 18px;

    }

}



.section-heading {

    margin-top: 0;

}



.service-box {

    margin: 50px auto 0;

    max-width: 400px;

}



@media(min-width:992px) {

    .service-box {

        margin: 20px auto 0;

    }

}



.service-box p {

    margin-bottom: 0;

}



.portfolio-box {

    display: block;

    position: relative;

    margin: 0 auto;

    max-width: 650px;

}



.portfolio-box .portfolio-box-caption {

    display: block;

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    color: #fff;

    opacity: 0;

    background: rgba(240,95,64,.9);

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;

}



.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {

    position: absolute;

    top: 50%;

    width: 100%;

    text-align: center;

    transform: translateY(-50%);

}



.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {

    padding: 0 15px;

    font-family: 'Avenir-Black';

}



.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 600;

}



.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {

    font-size: 18px;

}



.portfolio-box:hover .portfolio-box-caption {

    opacity: 1;

}



@media(min-width:768px) {

    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {

        font-size: 16px;

    }



    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {

        font-size: 22px;

    }

}



.call-to-action h2 {

    margin: 0 auto 20px;

}



.text-primary {

    color: #f05f40;

}



.no-gutter > [class*=col-] {

    padding-right: 0;

    padding-left: 0;

}



.btn-default {

    border-color: #fff;

    color: #222;

    background-color: #fff;

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;

}



.btn-default:hover,

.btn-default:focus,

.btn-default.focus,

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

    border-color: #ededed;

    color: #222;

    background-color: #f2f2f2;

    outline:none

}



.open > .dropdown-menu {

    display: block;

}

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

    background-image: none;

}



.btn-default.disabled,

.btn-default[disabled],

fieldset[disabled] .btn-default,

.btn-default.disabled:hover,

.btn-default[disabled]:hover,

fieldset[disabled] .btn-default:hover,

.btn-default.disabled:focus,

.btn-default[disabled]:focus,

fieldset[disabled] .btn-default:focus,

.btn-default.disabled.focus,

.btn-default[disabled].focus,

fieldset[disabled] .btn-default.focus,

.btn-default.disabled:active,

.btn-default[disabled]:active,

fieldset[disabled] .btn-default:active,

.btn-default.disabled.active,

.btn-default[disabled].active,

fieldset[disabled] .btn-default.active {

    border-color: #fff;

    background-color: #fff;

}



.btn-default .badge {

    color: #fff;

    background-color: #222;

}



.btn-primary {

    border-color: #f05f40;

    color: #fff;

    background-color: #f05f40;

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;

}



.btn-primary:hover,

.btn-primary:focus,

.btn-primary.focus,

.btn-primary:active,

.btn-primary.active,

.open > .dropdown-toggle.btn-primary {

    border-color: #ed431f;

    color: #fff;

    background-color: #ee4b28;

}



.btn-primary:active,

.btn-primary.active,

.open > .dropdown-toggle.btn-primary {

    background-image: none;

}



.btn-primary.disabled,

.btn-primary[disabled],

fieldset[disabled] .btn-primary,

.btn-primary.disabled:hover,

.btn-primary[disabled]:hover,

fieldset[disabled] .btn-primary:hover,

.btn-primary.disabled:focus,

.btn-primary[disabled]:focus,

fieldset[disabled] .btn-primary:focus,

.btn-primary.disabled.focus,

.btn-primary[disabled].focus,

fieldset[disabled] .btn-primary.focus,

.btn-primary.disabled:active,

.btn-primary[disabled]:active,

fieldset[disabled] .btn-primary:active,

.btn-primary.disabled.active,

.btn-primary[disabled].active,

fieldset[disabled] .btn-primary.active {

    border-color: #f05f40;

    background-color: #f05f40;

}



.btn-primary .badge {

    color: #f05f40;

    background-color: #fff;

}



.btn {

    border: 0;

    border-radius: 300px;

    text-transform: uppercase;

    font-family: 'Avenir-Black';

    font-weight: 700;

}



.btn-xl {

    padding: 15px 30px;

}



::-moz-selection {

    text-shadow: none;

    color: #fff;

    background: #222;

}



::selection {

    text-shadow: none;

    color: #fff;

    background: #222;

}



img::selection {

    color: #fff;

    background: 0 0;

}



img::-moz-selection {

    color: #fff;

    background: 0 0;

}



body {

    webkit-tap-highlight-color: #222;

    background-color: #f2f2f2;

}





@media(min-width:768px) {

	.navbar-brand .main-logo {width:80px}

	

	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin: 10px 30px;padding: 50px;}

	

	

	.container-fluid .navbar-collapse{margin-top: 40px;margin-right: 20px;}

	

	.affix .container-fluid .navbar-collapse{margin-top: 10px}

	.affix #mainNav{background-color: #fff!important;}

	

	.navbar-brand{

		background: url('/asset/images/black_logo.png') no-repeat;

	    background-size: 100%;

	    background-position: center;

	    width: 50%;

	}

	.home .navbar-brand{

		background: url('/asset/images/logo.png') no-repeat;

	    background-size: 100% 100%;

	    background-position: center;

	    width: 50%;

	}

	.navbar-default {

        background-color: #fff;

    }

    

	.home .navbar-default {

        background-color: transparent;

    }

	.home .navbar-default.affix{background-color: #fff;}

	

	.affix .navbar-brand{

		background: url('/asset/images/black_logo.png') no-repeat;

	    background-size: 100%;

	    background-position: center;

	    width: 80%;

	    padding: 0px!important;

	}

	.affix h2.my-account-menu-title{margin: 20px 30px;}

}

.nav .sign-up-btn{padding:8px}

.nav .sign-up-btn a{

	background-color: #d1fed7!important;

	padding: 6px 24px;

	border-radius: 50px;

	color:#000!important;

	font-size:12px!important;

	max-width: 160px;

	text-align:center

}

	

.header-content .header-content-inner h2{font-size:45px!important;margin-bottom: 25px;}

.header-content .header-content-inner h1{font-size:50px!important}

.header-content .header-content-inner h1 span , .header-content .header-content-inner h2 span{color: #d1fed7;}

.header-content .header-content-inner .btn-primary{background: #d1fed7;color:#000;padding: 18px 40px;outline:none}



.sixclicks-nums {margin: 50px 0 0 0;padding: 30px 0 0 0;}

.sixclicks-nums div span{padding:10px 25px;font-size:36px;border-radius:50%;border:2px solid #fff}

.sixclicks-nums h5{margin:25px 0 0px 0;min-height:30px;font-size: 13px;}

header .header-content .header-content-inner p{font-size:10px;color:#fff;font-family: Avenir-Roman;}



@media(min-width:990px) {

	.col-md-12.sixclicks-nums .col-md-2:after {

	    content: '';

	    background: url('/asset/images/step-line.png') no-repeat;

	    display: inline-block;

	    position: absolute;

	    width: 133px;

	    height: 10px;

	    top: 22px;

	    background-size: 80px;

	    right: -93px;

	}

	.col-md-12.sixclicks-nums .col-md-2:last-child:after {

		display: none;	

	}

}



.bg-primary.find-click-connect{background-color: #fff;font-family:'Avenir-Heavy'}

.find-click-connect, .find-click-connect p,.find-click-connect h2{ color:#393939;font-family:'Avenir-Heavy'}

.find-click-connect p{line-height: 26px;margin:35px 0 }

.find-click-connect a.btn-default{background: #1e1e1e;color:#fff;padding: 18px 40px;}



#why-need-mobile-web{background-color:#d1fed7}

#why-need-mobile-web h2{font-family:'Avenir-Heavy'}

#why-need-mobile-web .section-boxes{margin-top:50px}

#why-need-mobile-web .section-box{margin:20px 0}

#why-need-mobile-web .section-box h4{text-transform:uppercase;font-family: 'Avenir-Heavy';font-size: 15px;color:#393939}

#why-need-mobile-web .section-box p{font-family: 'Avenir-Medium';font-size: 15px;color:#393939}

#why-need-mobile-web .get-started{background: #1e1e1e;color: #fff;padding: 20px 50px;margin-top: 30px;}



.footer-part{background-color:#141414;margin-bottom:0;padding: 55px 0 103px 0; text-align: left;}

.page-template-success .footer-part,.page-template-failed .footer-part,.page-template-processing .footer-part{position: absolute; width: 100%; bottom: 0;}

.footer-part .f-logo {max-width: 160px;}

.footer-part .footer-menu div > ul{list-style: none;margin: 0;padding: 0;}

.footer-part .footer-menu div > ul li a{color:#fff;line-height:40px}

.footer-part .newsletter-part h3{margin:8px 0 18px 0;font-size:22px}

.footer-part .newsletter-part p{font-size: 13px;}

.footer-part .newsletter-part input#email-news{max-width: 240px;display: inline-block;}

.footer-part .newsletter-part .wysija-submit-field{

	max-width: 100px;

    color: #000;

    background: #d1fed7;

    border-radius: 5px;

    font-size: 12px;

    font-family: Avenir-Heavy;

    display: inline-block;

    padding: 8px;

    border: 0;

    margin-left: 6px

}

.footer-part .newsletter-part .wysija-paragraph{display: inline-block;}



.copyright-part{background: #141414;border-top: 1px solid rgba(255,255,255,0.10);margin: 0;padding: 20px 0;}

.page-template-success .copyright-part,.page-template-failed .copyright-part,.page-template-processing .copyright-part{position: absolute; width: 100%; bottom: 0;}

.copyright-part p{margin:0;color:rgba(255,255,255,0.20);font-size:12px}



.other-page .navbar-default .nav > li>a, .other-page .navbar-default .nav>li>a:focus{color:#000}

@media(min-width:990px) {

	.other-page .navbar-brand {

	    background: url('/asset/images/black_logo.png') no-repeat;

	    background-size: 100% 100%;

	    background-position: center;

	    width: 50%;

	}

	.other-page .affix .navbar-brand {

	    background: url('/asset/images/black_logo.png') no-repeat;

	    background-size: 100%;

	    background-position: center;

	    width: 80%;

	    padding: 0px!important;

	}

	.other-page #mainNav{box-shadow: 0px 6px 20px #bbb;background-color: #fff;}

}



.page-container{background-color:#f2f2f2;color:#141414;padding-top:180px}

.page-container p{font-family:'Avenir-Medium';line-height: 30px;}

.page-container h3 {margin-bottom: 50px;font-family:'Avenir-Medium';text-align:center;}



.page-container #post-6{max-width:650px;text-align:center;margin:0 auto;}

.page-container #post-6 .get-started-now{

	background: #1e1e1e;

	color: #fff;

	padding: 12px 120px;

	border-radius: 0;

	margin-top: 50px;

}

.plan-list-page .container{padding: 50px 0;/*border-bottom: 1px solid #bfbfbf;*/}

.plan-list-page .container:last-child{border:none;padding: 50px 0 0 0;}

.plan-list-page .container h3{text-align:left; margin-bottom: 20px;}

.plan-list-page .container h5{text-transform:uppercase}

.plan-list-page .container p{line-height: 30px;margin-bottom: 0;}

.plan-list-page .get-started-now {

    background: #1e1e1e;

    color: #fff;

    padding: 12px 80px;

    border-radius: 0;

    margin-top: 40px;

    margin-left: 5%;

}

.plan-list-page p span.bl-string{width: 97%;display: block;float: right;}

.page-container .plan-logo-img{max-width: 100%; margin: 10% auto;}

.page-container .badge-img{

	max-width: 170px;

    vertical-align: middle;

    margin: 20% auto;

}



.page-container .faq-page p b{font-weight: normal;font-family: Avenir-Black;}



.wpcf7 .form-control{ height: auto;padding: 15px 16px;font-family:'Avenir-Medium';border: 1px solid #1e1e1e;font-size: 16px;border-radius: 0;background-color:transparent}

.wpcf7 select{margin:0!important}

.wpcf7 textarea.form-control{padding: 14px 16px;}

.wpcf7 .wpcf7-submit{

	background: #1e1e1e;

    color: #fff;

    padding: 12px 80px;

    border-radius: 0;

    width: 100%;

}

#post-18 .col-md-6{padding:0 5%}

.support-link p {font-family:'Avenir-Medium'}

.support-link p b{font-size: 18px;font-family: 'Avenir-Heavy';} 

.support-link p a{color:#141414}





/* Login Register Modal Popup*/

.modal .close{opacity:1}

.modal .modal-header{background-color:#000}

.modal .modal-header .logo{margin: 10px auto;max-width: 90px;}

.modal .modal-content{border-radius:0}

/*.modal.modal{top:15%}*/

.modal a:hover{text-decoration:none}



.modal .auth-part{margin:0 auto;text-align:center;width: 80%;}

.modal .auth-part h3{font-family:'Avenir-Medium';font-size:22px;margin-bottom: 40px;}

.modal .auth-part h3 span{font-size:16px;margin-top: 15px;display: block;}

.modal .auth-part input{

	padding: 15px 16px;

    font-family: 'Avenir-Medium';

    border: 1px solid #1e1e1e;

    font-size: 16px;

    border-radius: 0;

    height:auto

}
.iphone-top{
    width: 200px;
}

.iphone-top img{
    width: 100%;
}

.modal .auth-part .form-group{margin: 25px 0;}

.modal .auth-part .submit-btn{background: #1e1e1e;color: #fff;padding: 14px 0px;border-radius: 0;width: 100%;font-size: 16px;}



.modal .forgot-and-register-link{margin-top:30px;margin-bottom:20px}

.modal .forgot-and-register-link a{color:#4c4c4c;font-family:'Avenir-Medium';font-size:16px}

.modal .forgot-and-register-link p{color:#4c4c4c;font-family:'Avenir-Medium';}

.modal .forgot-link{text-align:left;display:block;float:left}

.modal .create-account-link{text-align:right;display:block;}

.modal .back-to-login span{font-size:16px; font-family:'Avenir-Heavy';padding-left:6px;vertical-align: middle;color: #000;}



.modal .checkbox{text-align:left}

.modal .checkbox label{font-family:'Avenir-Medium';font-size:16px;padding-left: 18px;margin: 7px 0;}

.modal .checkbox label a{color:#1e1e1e;border-bottom: 1px solid #1e1e1e;}



.modal-backdrop.in{background-color: #888;}

.register-part{display:none}



.modal .first-time-usr img{margin:30px auto}

.modal .first-time-usr h3{font-family:'Avenir-Light';font-size:22px;margin-bottom: 40px;font-weight:bold}

.modal .first-time-usr p{font-family:'Avenir-Medium';font-size:18px}

.modal .first-time-usr .dismiss-submit{background: #1e1e1e;color: #fff;padding: 14px 80px;border-radius: 0;width: 80%;font-size: 16px;}



h2.my-account-menu-title{width: 155px;float: left;margin: 40px 30px;font-family:'Avenir-Medium';color:#000}

h2.my-account-menu-title a{text-decoration: none;color: #000;}





.nav .dropbtn{padding:0}

.nav .dropbtn{color: #1e1e1e;font-family: 'Avenir-Heavy';font-weight: normal!important;font-size: 16px!important;text-transform: Capitalize!important}

.nav .dropbtn .wp-user-avatar{border-radius:50%;margin-right: 12px;width: 50px;height: 50px;}

/*.nav .sub-menu{display:none;list-style: none} 

.nav .dropbtn:hover .sub-menu{display:block!important}*/



.dropdown-content {

    display: none;

    position: absolute;

    background-color: #f9f9f9;

    min-width: 180px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    list-style: none;

    padding: 0;

    margin-left: 20px;

    font-family:'Avenir-Heavy';

    font-size:14px;

    border:none

}



.dropdown-content a {

    color: black;

    padding: 8px 16px!important;

    text-decoration: none;

    display: block;

    text-align: left;

}



.dropdown-content a:hover {background-color: #f1f1f1}

.navbar-default .navbar-nav>.open>a{background-color: transparent!important;}

/*

.nav .user-prof-menu:hover .dropdown-content {

    display: block;

}*/

@media(max-width:1200px) {

	.project-edit .reserved-section label{

		    width: 100px !important;

	}

	.project-edit .reserved-section .right-section label{

		width: auto !important;

	}

	.project-edit .reserved-section .right-section label{

		    margin: 0 8px !important;

	}

	.google_mobile_concern .empty-space{

		    height: 0 !important;

	}

	.google_mobile_concern.find-click-connect h2{

		    font-size: 24px;

	}

	

}



@media(max-width:991px) {

	.project-edit .reserved-section .right-section label{

		float: none !important;

	}

	#google img{

		width: 50% !important;

	}
	
	.empty-space{
		height: 0 !important;
	}
	
	.preview-gap{
		margin-top: 0px !important;
	}

}





@media(max-width:990px) {

	.footer-part .container{margin: 0 auto;text-align: center;}

	.footer-part .f-logo{max-width: 100%;}

	.footer-part .f-logo img{margin:0 auto}

	#why-need-mobile-web .section-box .img-responsive{margin: 0 auto;}

    #why-need-mobile-web .section-box .col-md-8{text-align:center}

    .find-click-connect .row div.text-center{margin-bottom:50px}

}

@media (max-width:768px){

	.navbar-brand{ 

		background: url('/asset/images/black_logo.png') no-repeat;

    	background-size: 100% 100%;

    	background-position: center;

    	width: 48px;

    	margin-left: 10px;

    }

    .plan-list-page .container .col-xs-12{text-align:center}

    .plan-list-page .container .col-xs-12 h3{text-align:center}

    .page-container{padding-top: 100px;}

    h2.my-account-menu-title {margin: -50px 70px; font-size: 24px;}

}







.nav .logout-menu-link a{text-transform: capitalize!important;font-family: 'Avenir-Medium';}





.project-list > div {margin-bottom:30px}

.project-list .single-project{border: 3px dashed #dfdfdf;height: 310px;margin: 0px;}

.project-list .single-project h3{

	color: #676767;

    font-size: 22px;

    margin: 0;

    width: 100%;

    padding: 0;

    text-align: center;

}

.project-list .single-project a:hover, .project-list .single-project a:focus {

    text-decoration: none;

    outline:0

}

.project-list .single-project .create-icon{margin: 0px auto;margin-top: 90px;margin-bottom: 50px;}



.project-list .my-project .project-img{max-height: 250px;margin: 0 auto;margin-top: 26px;margin-bottom: 0px;}

.project-list .my-project{background:#404040;border: none;border-radius: 5px;padding: 1px 0 0 0;position:relative}

.project-list .my-project a{

	background: url("/asset/images/small_frame.png") no-repeat;

    background-size: 203px 275px;

    display: block;

    padding-top: 4px;

    margin-top: 20px;

    padding-right: 4px;

    background-position: center center;

    height: 282px;

}

.project-list .my-project .project-caption{

	background: #fff;

    color: #676767;

    text-align: center;

    border-bottom-right-radius: 4px;

    border-bottom-left-radius: 4px;

    position: absolute;

    bottom: 0;

    width: 100%;

    padding: 10px 0;

}

.project-list .my-project .project-caption p{

	margin: 0;

    padding: 0;

    color: #aaa;

    font-size: 14px;

    line-height: 25px;

}

.project-search-filter{margin-bottom:50px}

.project-search-filter .search-btn{

	background: url('/asset/images/search_icon.png') no-repeat;

    background-position: 8px;

    padding: 20px 0 20px 35px;

    background-color: #fff;

    border-radius: 0;

    border: none;

    font-weight: normal;

    font-family: 'Avenir-Medium';

    font-size: 16px;

}





/* Profile Page */

.page-id-94 .page-container{}

.page-container .project-title h3{text-align:left}

input.proj-title-text{background: transparent;border: 1px solid #d1d1d1;height: auto;padding: 10px;}

input.proj-title-text:focus {border: 1px solid #d1d1d1;outline: none;}

.project-title a.edit-proj-title{    

	font-size: 14px;

    background: #d1d1d1;

    color: #000;

    padding: 5px 10px;

}

.project-title .edit-title-msg{font-size: 14px;color:green;vertical-align: bottom;}

.project-title a.edit-proj-title:hover{text-decoration: none;}



.page-template-create-project-page section.bg-primary.page-container {padding-top: 121px;}

.page-template-create-project-page section.bg-primary.page-container h3{margin-bottom: 30px;max-width: 1170px; margin: 0 auto;height: 23%;}

.page-template-create-project-page #mainNav{box-shadow: none;}

.page-template-create-project-page section.bg-primary.page-container .project-title{border-top: 1px solid #d1d1d1;padding-top: 30px;background: #fff;padding-bottom: 30px;}

.page-template-create-project-page section.bg-primary.page-container h5,.page-template-create-project-page section.bg-primary.page-container .reserved-section{font-size: 20px;font-family: 'Avenir-Medium';height:7%;margin-top:0px;}

.page-template-create-project-page .devices-list h5{text-align:center}

.page-template-create-project-page section.bg-primary.page-container p{font-family: 'Avenir-Light';line-height: 22px;}

.project-edit .template input,.project-edit .gallery_template input,.project-edit .social_template input{display:none}

/*.project-edit .layout-2,.project-edit .gallerylayout-2,.project-edit .sociallayout-2{margin-left:40px}*/ /*-- abhik --*/

.project-edit .color-div , .project-edit .color-div label{font-family: 'Avenir-Medium';font-size: 12px;}

.project-edit .color-div , .project-edit .color-div > div{margin:0;padding:0;margin-bottom: 10px;}

.project-edit .color-div label{display:block}

.project-edit .color-div input.jscolor {

	max-width: 100%x;

    padding: 0;

    border: none;

    text-align: center;

    border:2px solid #bbb;

	width:100%;

} 

.project-edit input{

	max-width: 100%;

    border: 1px solid #d1d1d1;

    background: #fff;

    padding: 12px;

    border-radius: 0;

    min-height: 50px;

    color: #1e1e1e;

    font-family: 'Avenir-Medium';

}





@-moz-document url-prefix() {

	.project-edit input.logo_file, .project-edit input.background_file{padding: 7px;}

} 

select {

	-webkit-appearance: none;

	-moz-appearance: none;

	text-indent: 1px;

	text-overflow: '';

}

select::-ms-expand {

	display: none;

} 

.project-edit .form-group{display: inline-block;width: 100%;}

.project-edit .preview-btn,.project-edit .preview-btn2,.project-edit .submit-btn{

	background: #1e1e1e;

    color: #fff;

    border-radius: 0;

    margin-top: 0px;

    width: 100%;

    max-width: 510px

}

.project-edit .info-tooltip{float: right; margin-right: 45px;}



.tooltip .tooltip-inner{text-align:left;max-width:250px}

.device_select{

	font-family: 'Avenir-Medium';

    font-size: 16px;

    padding: 8px 12px;

    height: auto;

    border-radius: 0;

    max-width:510px;

    background: #f2f2f2 url("/asset/images/corner.png") no-repeat scroll right 12px center / 10px 5px;

    float: none;

    margin: 0 auto;

}

.selectbox_2{margin:0!important}

.device-frame{margin-top:50px}



/*Reservation section*/

.page-template-create-project-page section.bg-primary.page-container .reserved-section{

	width: 100%;

    height: auto;

    float: left;

}

.project-edit .reserved-section input{

    background: #fff;

    padding: 0;

    border-radius: 0;

    min-height: 30px;

    color: #1e1e1e;

   text-align: center;

   width:95px;

}

.project-edit input.checkbox {display: inline;min-height: auto;margin:0 10px 0 0px;width:auto;}



.project-edit .reserved-section .left-section{

	display: inline;

    float: left;

    margin: 0 14px 0 0;

}

.project-edit .reserved-section .right-section{display:inline;}

.project-edit .reserved-section .right-section label{margin: 0 17px;float:left;width:auto;}

.project-edit .reserved-section label{font-size:16px;width:139px;}



@media (max-width:550px) {

	.project-edit .reserved-section .left-section{

	

		width:100%;

	}

			

	

}





/* Profile Page CSS */

.all_margin{ margin-bottom: 250px; padding:0; text-align: right;}

.font_css{ position: absolute; margin-top: 2%; margin-left: -3%;font-size: 20px; color: #c9c9c9; }

.tab_pass_button_border{border-bottom:1px solid #000000; padding-top:30px;}

#profile .image-upload{position: relative;}

#counter {

    position: relative;

    display: inline;

}

#over {

    position: absolute;

    left: 53%;

    bottom: 0;

    max-width: 70px;

    margin-bottom: 0;

}

.select-style , .wpcf7 select {

	margin: 0;

    border-radius: 0px;

    overflow: hidden;

    background-color: #f2f2f2;

    background: #f2f2f2 url("/asset/images/corner.png") no-repeat;

    background-position:right 12px center;

    background-size: 15px 7px;

    margin-top: -18px;

    max-width: 100%;

    font-family: 'Avenir-Medium';

}



.select-style select {

    padding: 15px 12px;

    font-size: 20px;

    background-color: transparent;

    background-image: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    border-radius: 0;

    appearance: none;

    height: auto;

    border: 1px solid #000;

}



.select-style select:focus {

    outline: none !important; border-color: #000 !important;

}

.tab_bg_color{ background-color: #ffffff; }

.billing{ background-color: #f2f2f2; padding-top: 0px;/* padding-bottom:250px; */ }

.page-id-94 .page-container{background-color: #ffffff;color: #141414;padding-top: 140px;padding-bottom:0px; margin-left: 11%; margin-right: 11%}

.nav.nav-pills.nav-justified a{ font-size: 18px; font-family: 'Avenir-Heavy'; padding-top: 10px; padding-bottom:20px;  }

.nav.nav-pills.nav-justified a:hover{ background-color: #ffffff; }

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{ background-color: #ffffff; color: #000000 !important; border-bottom:5px solid #2d2d2d; border-radius: 0px; outline: none !important;}

.nav.nav-pills.nav-justified a{ color: #8c8c8c; }

.page_94_class .container-fluid{ border-bottom: 1px solid #ebebeb;}

.page_94_class #mainNav{box-shadow:none}

.plan_image{ margin-left: 25%; }

.card_margin{margin-left: 0;}

.plan_lable{font-size: 18px; font-family: 'Avenir-Roman'; padding-top: 22px; color: #919191;text-transform:uppercase; }

.plan_name{ font-size: 34px; font-family: 'Avenir-Roman'; color: #000000; text-transform:uppercase; }

.plan_project{ font-size: 18px;font-family: 'Avenir-Roman'; color: #303030;  }



.card_lable{font-size: 18px; font-family: 'Avenir-Roman'; padding-top: 22px; color: #c1c1c1;text-transform:uppercase; }

.card_name{ font-size: 18px; font-family: 'Avenir-Medium'; color: #000000; text-transform:capitalize;}

.card_number{ font-size: 18px;font-family: 'Avenir-Roman'; color: #000000;  }



.plan_button{ margin-top: 50px; border-radius: 0px; background-color: #1e1e1e; padding:25px 35px; }

.plan_button:hover, .plan_button:focus, .plan_button.focus, .plan_button:active, .plan_button.active{ background-color:#1e1e1e;  }

.add_cart_button{ background-color: #f2f2f2; border:2px solid #1e1e1e; color: #1e1e1e;border-radius: 0px;padding:25px 52px; margin-top: 40px;}

.add_cart_button:hover, .add_cart_button:focus, .add_cart_button.focus, .add_cart_button:active, .add_cart_button.active{ background-color:#f2f2f2; color: #1e1e1e;border:2px solid #1e1e1e;  }

.card_border{ border-top: 1px solid #c3c3c3; padding-top: 40px; }

.plan_padding{padding-bottom: 50px;padding-top:50px}

#billing{margin: 0 15%;}

.upgrade-plan-btn{text-align:right;margin:0;padding:0}

@media(max-width:990px) {.add_cart_button ,.plan_button{margin-right: 0%;}}

/*  Password tab css start form here */

.form_css{ margin-left: 15%; margin-right: 15%; background-color: #ffffff; padding:50px 60px 70px 60px; margin-bottom: 250px; margin-top: 50px;}

.lable_css{ font-size: 16px; font-family:'Avenir-Heavy'; color: #7f7f7f; text-transform: uppercase; padding-bottom: 10px; }

.input_css{padding: 16px 12px;border: 1px solid #1e1e1e;font-size: 18px;border-radius: 0; height: auto;font-family:'Avenir-Heavy'; margin-bottom: 20px; position: relative; display: inline;}

.tab_pass_button, .tab_pass_button:focus{ background-color: #1e1e1e; padding: 22px; border-radius: 0px; color:#ffffff; width: 100%; font-size: 17px;font-family: 'Avenir-Black'; margin-top: 100px;}

.tab_pass_button_change{ background-color: #1e1e1e; padding: 22px; border-radius: 0px; color:#ffffff; width: 100%; font-size: 17px;font-family: 'Avenir-Black';}

.tab_pass_button:hover{ background-color: #1e1e1e;color:#ffffff;  }

.tab_pass_button_change:hover,.tab_pass_button_change:focus{ background-color: #1e1e1e;color:#ffffff;  }

@media(max-width:768px) {
	.form_css{margin-left: 0px; margin-right: 0px;padding:15px;}
	.choose_domain {
		font-size: 20.2px;
		width: 84%;
	}
}

/*  Password tab css End here */

/*  Profile tab css start form here */

.profile_form{margin-left: 11%; margin-right: 11%;padding:30px 50px 50px 50px; margin-bottom: 40px;}

.profile_lable{ font-size: 16px; font-family: 'Avenir-Heavy'; color: #797979; padding-left: 17px;text-transform:uppercase;}

.profile_input{font-size: 22px; font-family: 'Avenir-Roman'; color: #000000; padding: 10px 15px; height: auto; border-left: 0px;border-top: 0px; border-right: 0px; border-bottom: 1px solid #000000; border-radius: 0px; background-color: #f2f2f2; box-shadow: none; margin-bottom: 25px;}

.profile_input:focus{box-shadow: none;border-left: 0px;border-top: 0px; border-right: 0px;border-bottom: 1px solid #000000;}

@media(max-width:768px) {.profile_form{margin-left: 0px; margin-right: 0px;padding:0px;}}

.profile_image{ margin-bottom: 70px; }

.image-upload > input{display: none;}

.image-upload img{cursor: pointer;max-width: 180px;margin-bottom: 50px;}

@media(max-width:990px) {.font_css{margin-left:-36px;margin-top: 3%;}}

@media(max-width:400px) {.font_css{margin-top: 6%;}}

@media(max-width:768px) {

	.profile_input{font-size:18px}

	.profile_lable{font-size:14px}

	.project-edit .layout-2,.project-edit .gallerylayout-2,.project-edit .sociallayout-2{margin-left:0px}

}

.image-upload .profile_image{height:180px;width:180px}

#add-card-modal .modal-body {background:#f2f2f2}

#add-card-modal .modal-body form{margin:0 auto;width: 90%;margin-bottom: 30px;}

#add-card-modal input{

	padding: 15px 16px;

    font-family: 'Avenir-Medium';

    border: 1px solid #1e1e1e;

    font-size: 16px;

    border-radius: 0;

    height:auto;

    background:transparent

}

#add-card-modal .form-group{margin: 25px 0;position:relative;padding:0}

#add-card-modal .submit-btn{background: #1e1e1e;color: #fff;padding: 14px 80px;border-radius: 0;width: 100%;font-size: 16px;}

#add-card-modal .expiry_date{width: 49%;float: left;}

#add-card-modal .csc{width: 49%;float: right;}

#add-card-modal .form-group .info-tooltip{position: absolute;top: 15px;right: 15px;}

#add-card-modal .info-tooltip .csc-demo-dis{display:none}

#add-card-modal .info-tooltip:hover .csc-demo-dis{ display:block;position:relative}

#add-card-modal .info-tooltip:hover .csc-demo-dis img{position: absolute;top: -213px;right: -34px;}

#add-card-modal select{

	padding: 15px 12px;

    font-size: 20px;

    background-color: transparent;

    background-image: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    border-radius: 0;

    appearance: none;

    height: auto;

    border: 1px solid #000;

}

#add-card-modal select:focus{border-color:#000!important;}

.single-card .primary-dis{ margin: 0 0 0 20px;}

.single-card .primary-dis small{   

    padding: 4px 12px;

    border: 1px solid #67c8ff;

    font-size: 12px;

    border-radius: 20px;

    vertical-align: baseline;

}

.single-card .delete-card{

	font-size: 10px;

    font-weight: normal;

    padding: 4px 12px;

    background: #ff6666;

    margin-left: 10px;

}

.mobile-content{position:relative}

.mobile-content iframe{border:0; border-radius:39px;}

.mobile-website {

    height: 873px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    max-width: 429px;

}
.device-bckg{
        background-size: cover !important;
}

.form-group small.remove-btn{    

	color: #fff;

    padding: 2px 12px;

    border-radius: 50px;

    cursor: pointer;

    font-family: Avenir-Heavy;

    font-size: 12px;

    background: #ff6666;

}

#overlay{

	position: fixed;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    z-index: 99;

    background: #efefef;

    opacity: 0.7;

}

#overlay #loading {

    width: 50px;

    height: 57px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -28px 0 0 -25px;

}





/* Upgrade Model Popup */

#upgrade-modal {position:fixed!important}

#upgrade-modal .modal-body{width:90%;margin:0 auto}

#upgrade-modal .top-text h4{text-align: center;font-family: Avenir-Medium;}

#upgrade-modal .top-text p{font-family: Avenir-Medium;text-align: center;color:#7f7f7f;font-size: 14px;line-height: 18px;}

#upgrade-modal .plan-popup{display:none}

#upgrade-modal .plan-popup .col-md-12{padding:0}

.popup-plan-list .single-disp-plan{background: #1e1e1e;color: #fff;text-align: center;margin: 0 78px;padding:30px 0 30px 0;}

.popup-plan-list .single-disp-plan hr { border-width: 4px;border-color: #fff;width: 30px;border-radius: 10px;}

.popup-plan-list .single-disp-plan h4{letter-spacing: 4px;font-size: 14px;text-align: center;font-family: Avenir-Medium;margin-top: 25px;}

.popup-plan-list .single-disp-plan p{margin-bottom: 0;font-size: 14px;font-family: Avenir-Medium;}

.popup-plan-list .single-disp-plan h1{font-size: 55px!important;font-family: 'Avenir-Black'; margin: 10px 0;color:#fff}

.popup-plan-list .single-disp-plan h5{font-size: 14px;font-family: 'Avenir-Black';}

.popup-plan-list .single-disp-plan .purchase-btn{    

    color: #fff;

    font-size: 14px;

    font-family: Avenir-Medium;

    border: 2px solid #fff;

    padding: 8px 25px;

    display: inline-block;

    margin: 10px 0 17px 0;

    background: transparent;

    border-radius: 0;

}

.popup-plan-list .single-disp-plan span {font-family: Avenir-Medium;display: block;margin-bottom: 15px;font-size: 13px;color:#fff}

.popup-plan-list .single-disp-plan span a{color:#fff}

p.term-line{text-align: center;margin: 20px 0 10px 0;font-family: Avenir-Medium;}

p.term-line a{color:#333}

.plan-popup .plan-table .col-md-12{    

	font-family: Avenir-Medium;

    border: 1px solid #000;

    padding: 20px 20px!important;

    margin-bottom: 0;

}

.plan-popup .plan-table .col-md-12 .col-md-3:last-child{text-align:right}

.plan-popup .plan-table .col-md-12 .col-md-3 img{width: 20px;vertical-align: middle; margin-right: 10px;}

.plan-popup .plan-table .col-md-12 .col-md-3 span{vertical-align: middle;}

.plan-popup .plan-table .current-plan{margin-bottom: 40px;}

.plan-popup .plan-table .mid-class{border-top: none;border-bottom: none;background: #E9E9E9;}

.plan-popup .plan-table a.choose-plan{border: 2px solid #1e1e1e;color: #1e1e1e;padding: 8px 18px;font-size: 12px;font-family: Avenir-Heavy;}

.plan-popup .plan-table .mid-class a.choose-plan{background: #1e1e1e;color: #fff;}





.single-subscription-plan.single-disp-plan{width: 35%;margin: 0 auto;}



.upgrade-form .top-text h3{font-size: 22px;font-family: Avenir-Heavy;}

.upgrade-form .top-text h5{font-family: Avenir-Medium;font-size: 16px;color: #aaa;margin-top: 25px;margin-bottom: 25px;}

.upgrade-form .top-text p{text-align: left!important;font-size: 15px;color: #1e1e1e!important;background: #D7D7D7;padding: 10px 20px;}

.upgrade-form .top-text p.bill-text{background: #C3C3C3;line-height: 24px!important;}



.upgrade-form .main-form{margin:0}

.upgrade-form .main-form h4{font-family: Avenir-Heavy;font-size: 16px;}

.upgrade-form .btn-group .btn{box-shadow:none;text-align:left; padding-left: 0;font-family: Avenir-Heavy;}

.upgrade-form .btn-group .btn span{vertical-align: super;}

.upgrade-form label input[type="radio"] ~ i.fa.fa-circle-o{color: #c8c8c8;    display: inline;}

.upgrade-form label input[type="radio"] ~ i.fa.fa-check-circle-o{ display: none;}

.upgrade-form label input[type="radio"]:checked ~ i.fa.fa-circle-o{ display: none;}

.upgrade-form label input[type="radio"]:checked ~ i.fa.fa-check-circle-o{ color: #1e1e1e;    display: inline;}

.upgrade-form label:hover input[type="radio"] ~ i.fa {color: #1e1e1e;}





.upgrade-form input{

	padding: 15px 16px;

    font-family: 'Avenir-Medium';

    border: 1px solid #1e1e1e;

    font-size: 16px;

    border-radius: 0;

    height:auto;

    background:transparent

}

.upgrade-form .form-group{margin: 10px 0px;padding: 0 10px 0 0;position:relative}

.upgrade-form .submit-btn{background: #1e1e1e;color: #fff;padding: 14px 0px;border-radius: 0;width: 100%;font-size: 16px;margin-top:25px}

.upgrade-form .billing-address, .upgrade-form .contact-information{margin:0}

.upgrade-thanks h4{margin-bottom:25px}

.upgrade-thanks p{line-height: 22px;}

.upgrade-thanks .strt-new-proj{    

	background: #1e1e1e;

    color: #fff;

    padding: 14px 80px;

    border-radius: 0;

    width: 70%;

    font-size: 16px;

    margin-top: 25px;

    display: block;

    margin: 0 auto;

}



/*

 Pricing plan css

*/

#pricing-modal .popup-plan-list .single-disp-plan h1{line-height:30px;}

#pricing-modal .popup-plan-list .content {

    margin: 50px 35px 20px 46px;

    text-align: left;

}

#pricing-modal .popup-plan-list .single-disp-plan .content h5{

    

    font-weight: bold;

    font-size: 18px;

    text-transform: uppercase;

    margin:16px 0 0 0;

}



.sent-to-host .top-text, .choose-to-domain-type .top-text, .assign-domain-option .top-text,.domain-available .top-text, .update-to-subdomain .top-text{

	text-align: center;

    font-style: normal;

}

.sent-to-host h5, .choose-to-domain-type h5,.assign-domain-option h5,.domain-available h5, .update-to-subdomain h5{

	font-size: 20px;

}

.domain-available .left{

	text-align:left;

}

.domain-available .center-text{

	float: left;

    clear: both;

    width: 100%;

    margin: 12px 12px;

}

.sent-to-host .form-control.domain,.assign-domain-option .form-control.domain,.update-to-subdomain .form-control.sub_domain{

	border: 2px solid #000;

    border-radius: 0;

    font-style: normal;

}

.sent-to-host .btn,.assign-domain-option .btn,.domain-available .btn, .update-to-subdomain .btn{

    border: 2px solid #1e1e1e;

    background: #1e1e1e;

    color: #fff!important;

    padding: 13px 62px;

    font-size: 12px;

    border-radius: 0;

    font-family: Avenir-Heavy;

    margin: 21px 35%;

    text-align: center;

}



.update-to-subdomain .sub_domain,.sent-to-host .domain,.assign-domain-option .domain {



	width: 69%;



	float: none;



	display: inline-block;



	margin-left: 10px;



	margin-right: 10px;



	padding: 21px;



}

.sent-to-host .domain {

	width: 80%;

}



.almost-complete h3{text-align: left;margin: 25px 0!important;}

.almost-complete p{line-height: 25px!important;font-size: 18px;color: #1e1e1e!important;}

.almost-complete .btn{

	background: #1e1e1e;

    color: #fff;

    border-radius: 0;

    margin-top: 20px;

    width: 100%;

    max-width: 510px;

    display:block

}

.almost-complete .btn.purchase-btn{margin-bottom:30px}



.success-payment h3{font-family: Avenir-Medium;text-align: center;margin-bottom: 20px;}

.success-payment p{font-family: Avenir-Heavy;text-align:center;color: #7f7f7f;font-size: 15px;line-height: 18px;width: 80%;margin: 0 auto;}

.success-payment .row{width: 90%;margin: 0 auto;padding: 10px;margin-top: 20px;}

.success-payment .row p{text-align:left;width: 100%;font-size: 18px;font-family: Avenir-Medium;padding:0 0 18px;text-align:center;line-height: 26px;}

.success-payment .row h5{font-family: Avenir-Heavy;font-size: 16px; color: #7f7f7f;}

.success-payment .row p.host-price{margin-top:5px;color:#1e1e1e;font-size: 16px;}

.success-payment .row .btn{    

    border: 2px solid #1e1e1e;

    background: #1e1e1e;

    color: #fff!important;

    padding: 13px 62px;

    font-size: 12px;

    border-radius: 0;

    font-family: Avenir-Heavy;

    margin: 13px 37px;

}

.success-payment .row .btn.pr-now{padding:18px 32px}

.success-payment .row.contact-row p{line-height:24px}

.success-payment .row .contact-me{background: #fff;color: #1e1e1e!important;margin: 0;padding: 14px 22px;}

.success-payment .row .col-md-4{text-align:right}

.success-payment .purchase-option {

    border: 1px solid;

    margin: 0 18px 23px 18px;

    padding: 26px 23px;

}

.success-payment .row.contact-row{border:0}

.success-payment .row p.term-line{text-align: center;width: 100%;font-size: 17px;font-family: Avenir-Medium;margin: 20px 0;}



.ready-to-download{width: 80%;margin: 0 auto;}

.ready-to-download .row{width: 90%; margin: 0 auto;}

.ready-to-download .row .col-md-2{text-align: right; padding: 0;}

.ready-to-download h3{font-family: Avenir-Medium;text-align: center;margin-bottom: 20px;}

.ready-to-download p{font-family: Avenir-Medium;text-align: left;color: #7f7f7f;font-size: 17px;line-height: 18px;width: 100%;margin: 0 auto;}

.ready-to-download .submit-btn{

	border: 2px solid #1e1e1e;

    background: #1e1e1e!important;

    color: #fff!important;

    padding: 18px 28px;

    font-size: 15px;

    border-radius: 0;

    font-family: Avenir-Heavy;

    width: 70%;

    margin: 40px auto;

    text-align: center;

    display: block;

}

.ready-to-download p.term-line{text-align: center; margin-bottom: 20px;padding:0}



.sent-to-host,.assign-domain-option, .update-to-subdomain{margin: 0 auto;}

.sent-to-host .row,.assign-domain-option .row{width:80%;margin: 0 auto;}

.sent-to-host h3,.assign-domain-option h3{font-family: Avenir-Medium;text-align: center;margin-bottom: 20px;}

.sent-to-host p,.assign-domain-option p{font-family: Avenir-Medium;text-align: center;color: #7f7f7f;font-size: 17px;line-height: 18px;width: 100%; margin: 30px 0 0 0;}

.sent-to-host p span.host-email,.assign-domain-option p span.host-email{color: #1e1e1e;border-bottom: 1px solid #1e1e1e;}

.sent-to-host p.term-line,.assign-domain-option p.term-line{margin-bottom:20px}



@media(max-width:767px) {

	.google_mobile_concern.find-click-connect h2{

		margin-bottom: 20px;

		margin-top: 20px;

	}

	header .header-content{padding:60px 15px 30px 15px;}

	section{padding:30px 0}

	.find-click-connect h2.section-heading{font-size:29px, .find-click-connect h2.section-heading}

	.find-click-connect p{margin: 15px 0;}

	.footer-part{padding:20px 0}

	.footer-part .newsletter-part p{margin-bottom:0}

	#why-need-mobile-web .section-boxes{margin-top:0}

	.sixclicks-nums{padding:0;margin: 30px 0 0 0;display:none}

	.sixclicks-nums h5{margin: 20px 0 5px 0;min-height: 0;}

	header .header-content .header-content-inner p{margin-bottom:25px}

	#why-need-mobile-web .section-box .col-md-4{margin-bottom: 20px;}

	.header-content .header-content-inner h2{font-size: 22px!important;margin-top: 35px;margin-bottom:15px}

	.header-content .header-content-inner h1{font-size: 24px!important;margin-bottom: 30px!important}

	.header-content .header-content-inner .btn-primary{margin-bottom: 10px}

	#why-need-mobile-web .section-box h4 , #why-need-mobile-web .section-box p{font-size:14px}

	.modal .auth-part h3{font-size:20px}

	.create-project-part h3{font-size:19px!important}

	.popup-plan-list .single-disp-plan{margin: 40px 30px;padding: 10px 0;}

	.plan-popup .plan-table .col-md-3{text-align: center;}

	.plan-popup .plan-table .col-md-12 .col-md-3:last-child{text-align: center;margin-top: 10px;}

	.plan-popup .plan-table .mid-class a.choose-plan{text-align: center;display: block;width: 130px;margin: 0 auto;}

	#mainNav .navbar-header{margin: 10px 0px;}

	.page-container #post-6 .get-started-now{width: 100%;text-align: center;padding: 15px 30px;}

	.row {margin-right: 0px;margin-left: 0px;}

	.page-template-plans-list .page-container h3{margin-bottom:0}

	.page-template-plans-list .plan-list-page .container, .plan-list-page .container:last-child{padding:  0;}

	#project-form .fileupload-popup-btn span{width:100%!important}

	input.proj-title-text{width:100%!important}

	.project-edit .info-tooltip{margin-right:0}

	.mobile-website{max-height:1060px; height:100%;}

	.plan-list-page .get-started-now{margin-left:0}

	.almost-complete > div {padding:0}

}



.widget_wysija_cont .updated, .widget_wysija_cont .login .message{background-color: #d1fed7!important; border-color: #d1fed7!important;}



.box__dragndrop,

.box__uploading,

.box__success,

.box__error {

  display: none;

}

.addpage-section{
    text-align: left;
}

/*  File Upload Popup Modal Drag and Drop */

.fileupload-popup-btn{

	max-width: 100%;

    border: 1px solid #d1d1d1;

    background: #fff;

    padding: 12px;

    border-radius: 0;

    min-height: 50px;

    color: #1e1e1e;

    font-family: 'Avenir-Medium';
    text-align: left;

}

.fileupload-popup-btn button{

	padding: 8px 16px;

    background: #ccc;

    font-family: Avenir-Heavy;

    font-size: 14px;

    border-radius: 3px;

    color: #1e1e1e;

    outline: none;

}

#proj-file-upload-modal h3{font-family: 'Avenir-Medium'; text-align: center;}

#proj-file-upload-modal h5{font-size: 16px;font-family: Avenir-Heavy;margin-bottom: 10px}

#proj-file-upload-modal p{ color: #aaa;font-family: Avenir-Heavy;}

#proj-file-upload-modal .browse-btn{    

	padding: 10px 20px;

    background: #ccc;

    font-family: Avenir-Heavy;

    font-size: 16px;

    border-radius: 3px;

    margin-bottom: 20px;

}

#proj-file-upload-modal .upload-btn, #proj-file-upload-modal .upload-btn-vault {

	border: 2px solid #1e1e1e;

	background: #1e1e1e;

	color: #fff;

	padding: 12px 0;

	font-size: 14px;

	font-family: Avenir-Heavy;

	width: 100%;

}

#proj-file-upload-modal .upload-btn{

	border: 2px solid #1e1e1e;

    background: #1e1e1e;

    color: #fff;

    padding: 12px 0;

    font-size: 14px;

    font-family: Avenir-Heavy;

    width:100%

}

#proj-file-upload-modal .close-btn, #proj-file-upload-modal .choose_button {

	border: 2px solid #1e1e1e;

	color: #1e1e1e;

	padding: 15px 0px;

	font-size: 14px;

	font-family: Avenir-Heavy;

	background: #fff;

	float: left;

	width: 100%;

}

#proj-file-upload-modal .active.choose_button {

	background: #222;

	color: #fff;

}

#proj-file-upload-modal .button_upload{margin: 0;padding: 0;position: relative;display: block;bottom: -70px;width: 100%;left: 0;}

#proj-file-upload-modal .row .col-md-6{padding: 10px}

#proj-file-upload-modal .has-advanced-upload, #proj-file-upload-modal .has-vault-upload {margin-bottom: 72px;position: relative;}

#proj-file-upload-modal .container {width: 100%;max-width: 680px;text-align: center;margin: 0 auto;}

#proj-file-upload-modal .container h1{font-size: 42px;font-weight: 300;color: #0f3c4b;margin-bottom: 40px;}

#proj-file-upload-modal .container h1 a:hover, #proj-file-upload-modal .container h1 a:focus{color: #39bfd3;}

#proj-file-upload-modal .container nav{margin-bottom: 40px;}

#proj-file-upload-modal .container nav a{border-bottom: 2px solid #c8dadf;display: inline-block;padding: 4px 8px;margin: 0 5px;}

#proj-file-upload-modal .container nav a.is-selected{font-weight: 700;color: #39bfd3;border-bottom-color: currentColor;}

#proj-file-upload-modal .container nav a:not( .is-selected ):hover,#proj-file-upload-modal .container nav a:not( .is-selected ):focus{border-bottom-color: #0f3c4b;}

#proj-file-upload-modal .container footer{color: #92b0b3;margin-top: 40px;}

#proj-file-upload-modal .container footer p + p{margin-top: 1em;}

#proj-file-upload-modal .container footer a:hover, #proj-file-upload-modal .container footer a:focus{color: #39bfd3;}

#proj-file-upload-modal .box{font-size: 1.25rem; /* 20 */background-color: #FFF;position: relative;padding: 20px;}

#proj-file-upload-modal .box.has-advanced-upload{

	border: 2px dashed #aaa;

	outline-offset: -10px;

	-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;

	transition: outline-offset .15s ease-in-out, background-color .15s linear;

	text-align: center;

}

#proj-file-upload-modal .box.is-dragover{outline-offset: -20px;outline-color: #c8dadf;background-color: #fff;}

#proj-file-upload-modal .box__dragndrop, #proj-file-upload-modal .box__icon{display: none;}

#proj-file-upload-modal .box.has-advanced-upload .box__dragndrop{display: inline;}

#proj-file-upload-modal .box.has-advanced-upload .box__icon {width: 100%;height: 80px;fill: #92b0b3;display: block;margin-bottom: 40px;}



#proj-file-upload-modal .box.is-uploading .box__input,

#proj-file-upload-modal .box.is-success .box__input,

#proj-file-upload-modal .box.is-error .box__input {visibility: hidden;}



#proj-file-upload-modal .box__uploading,

#proj-file-upload-modal .box__success,

#proj-file-upload-modal .box__error{display: none;}



#proj-file-upload-modal .box.is-uploading .box__uploading,

#proj-file-upload-modal .box.is-success .box__success,

#proj-file-upload-modal .box.is-error .box__error {

	display: block;

	position: absolute;

	top: 50%;

	right: 0;

	left: 0;

	-webkit-transform: translateY( -50% );

	transform: translateY( -50% );

}

#proj-file-upload-modal .box__uploading{font-style: italic;}

#proj-file-upload-modal .box__success{-webkit-animation: appear-from-inside .25s ease-in-out;animation: appear-from-inside .25s ease-in-out;}

@-webkit-keyframes appear-from-inside{

	from	{ -webkit-transform: translateY( -50% ) scale( 0 ); }

	75%		{ -webkit-transform: translateY( -50% ) scale( 1.1 ); }

	to		{ -webkit-transform: translateY( -50% ) scale( 1 ); }

}

@keyframes appear-from-inside {

	from	{ transform: translateY( -50% ) scale( 0 ); }

	75%		{ transform: translateY( -50% ) scale( 1.1 ); }

	to		{ transform: translateY( -50% ) scale( 1 ); }

}



#proj-file-upload-modal .box__restart{font-weight: 700;}

#proj-file-upload-modal .box__restart:focus, #proj-file-upload-modal .box__restart:hover{color: #39bfd3;}



#proj-file-upload-modal  .box__file {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}

#proj-file-upload-modal .box__file + label {

	max-width: 80%;

	text-overflow: ellipsis;

	white-space: nowrap;

	cursor: pointer;

	display: inline-block;

	overflow: hidden;

}

#proj-file-upload-modal .box__file + label:hover strong,

#proj-file-upload-modal .box__file:focus + label strong,

#proj-file-upload-modal .box__file.has-focus + label strong{color: #39bfd3;}

#proj-file-upload-modal .box__file:focus + label,

#proj-file-upload-modal .box__file.has-focus + label{outline: 1px dotted #000;outline: -webkit-focus-ring-color auto 5px;}

#proj-file-upload-modal .box__file + label *{/* pointer-events: none; */ /* in case of FastClick lib use */}

#proj-file-upload-modal .no-js .box__file + label{display: none;}

#proj-file-upload-modal .no-js .box__button{display: block;}



.mobile-plan-div{display:none}

@media(max-width:767px) {

	#proj-file-upload-modal .row{bottom: -110px;}

	#proj-file-upload-modal .has-advanced-upload{margin-bottom: 100px;}

	#proj-file-upload-modal .close-btn{ margin-bottom: 5px;}

	.upgrade-thanks .strt-new-proj {padding: 10px;font-size: 12px;}

	

	#billing {margin:0}

	#billing img{max-width: 150px;margin: 0 auto;}

	#billing .upgrade-plan-btn, #billing .all_margin{text-align:center}

	.modal .first-time-usr .dismiss-submit{padding: 10px;font-size: 14px;}

	.modal .forgot-and-register-link a{font-size: 14px;text-align: left;float:none}

	.ready-to-download .submit-btn{width:100%}

	.success-payment .row .col-md-4{text-align: center}

	.sent-to-host p,.assign-domain-option p{padding:0;width:100%}

	.rotate-div{display:none!important}

	.sent-to-host .row,.assign-domain-option .row{width:100%}

	.page-container .plan-badge{margin:5% 0}

	.page-container .plan-badge img, .badge-image-div{display:none}

	.mobile-plan-div{display:block}

	.page-container .badge-img{margin:6% auto!important}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a{text-align:center}

	.rev-middle-plan-div .get-started-now{margin-bottom:30px}

	.project-edit input, #project-form .fileupload-popup-btn, .project-edit .preview-btn{max-width:100%}

	.ready-to-download{width: 100%!important;}

	.ready-to-download > .row > .col-md-10 {width: 100%!important;}

}



.rotate-div .rotate-btn{

	background: #1e1e1e;

    color: #fff;

    padding: 10px 0px;

    border-radius: 0;

    width: 120px;

    font-size: 14px;

    border: 0;

    margin: 0 auto;

    display: block;

}

.portrait .device-bckg{

    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 859px;


}

.landscape .device-bckg{

	transform: rotate(-90deg) scale(0.9);

    content: "";

    position: absolute;

    top: -100px;

    height: 970px;

    left: 300px;

} 		

.rotate-div{display:none}

.mode-active{display:block}

.mode-deactive{display:none}		



#project-form .fileupload-popup-btn span{

    text-overflow: ellipsis;

    overflow: hidden;

    width: 320px;

    display: inline-block;

}	

.almost-complete .right-side-btn p{margin-bottom:0}

.up-bg-title-wrap{
  width: auto !important;
}



@media only screen and (min-width: 768px) and (max-width: 990px) {

      .plan-table,.plan-popup .plan-table .col-md-12 .col-md-3:last-child {text-align:center;margin-top:12px}

      .popup-plan-list .single-disp-plan h4{padding-top:20px}

      .popup-plan-list .single-disp-plan span{padding-bottom:20px}

      

      .right-side-btn{padding: 0 15px!important;}

      .rotate-div{display:none!important}

      .project-edit input, #project-form .fileupload-popup-btn, .project-edit .preview-btn{max-width:100%!important}

      .project-edit .info-tooltip{margin-right:0}

      .almost-complete .btn{margin:20px auto}

      .almost-complete h5{text-align:center}

      .page-template-create-project-page section.bg-primary.page-container .selectbox_2{margin:0 auto!important}

      li.user-prof-menu a.dropdown-toggle.dropbtn{

        width: 140px;

    	white-space: nowrap;

    	overflow: hidden;

    	text-overflow: ellipsis;

      }

      .header-content .header-content-inner h2{font-size: 43px!important;}

      header .header-content .header-content-inner h1{font-size: 48px!important;}

      .page-container {padding-top: 160px;}

      

 }

 @media only screen and (min-width: 768px) and (max-width: 1024px) {

 	.project-edit .info-tooltip{margin-right:0}

 }

 @media only screen and (max-width: 320px) {

 	.header-content .header-content-inner h1, .header-content .header-content-inner h2{font-size:18px!important}

 	.header-content .header-content-inner h2{ margin-bottom: 15px;}

 }

 .complete-part p.term-line{

    text-align: center;

    width: 100%;

    font-size: 17px;

    font-family: Avenir-Medium;

    margin: 20px 0;

    line-height: 24px;

    float: none;

 }

.privacy-policy-content h3 {

    margin-bottom: 10px;

    font-family: 'Avenir-Medium';

    text-align: left;

}



.download-btn{



    background-color: #d1fed7;

    padding: 6px 24px;

    border-radius: 50px;

    color: #000;

    font-size: 12px;

    max-width: 160px;

}



.image-too-big .modal-body{

    background-color: #fff;

    color: #000;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);

}

.image-too-big .message {

    margin-bottom: 20px;

    font-weight: normal;

    font-size: 12px;

    text-align: center;

}

.image-too-big .actions {

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: center;

    justify-content: center;

}

.image-too-big .button {

     background-color: #000;

     color: #fff;

     cursor: pointer;

     padding: 9px 40px;

     border-radius: 3px;

     margin-right: 8px;

}

.center_text{

	text-align:center;

}

/*Inspiration Page*/

.inspiration-list-page.page-container {

    background-color: #ffffff;

    color: #141414;

}

.inspiration-container{

	width:100%;

	overflow-x:hidden;

	

}

.inspiration-container .built-btn {

    background: #1e1e1e;

    color: #fff;

    max-width: 200px;

    text-align:center;

}

.row.spacing {

    margin-bottom: 25px;

}



/*create project*/

.project-edit .hide_image{

	display:none;

}

.addpage {

    display: block;

    list-style: none;

    margin: 32px 0 0 0;

    padding: 0;

}

.addpage .panel-heading.accordion-toggle.question-toggle.collapsed {

    background-color: #fff;

}

.textarea_feedback,.textarea_customer{

	float: right;

    color: #808080;

    top: 0;

    left: 0;

}



/*Gallery Page*/

.add_image{

	   color: #000;

    border: 3px solid #ccc;

    float: left;

    text-align: center;

    border-radius: 50%;

    width: 40px;

    height: 40px;

    margin: 0 auto;

    padding: 7px;
        margin-bottom: 40px;

	

	

}

/*Customer rating*/

.star-rating{

	font-size: 0;

	display:inline-block;
        vertical-align: middle;

}

.star-rating__wrap{

	display: inline-block;

	font-size: 3rem;

}

.star-rating__wrap:after{

	content: "";

	display: table;

	clear: both;

}

.star-label,.star-rating__ico{

	float: right;

	padding-left: 2px;

	cursor: pointer;

	color: #808080;

}

.star-rating__ico:last-child,.star-label:last-child{

	padding-left: 0;

}

.star-rating__input{

	display: none;

}

.star-rating__ico:hover:before,

.star-rating__ico:hover ~ .star-rating__ico:before,

.star-rating__input:checked ~ .star-rating__ico:before

{

	content: "\f005";

}

.title_pages{font-size: 16px; font-weight: 200;margin: 20px 15px;}

















/* **** added by santanu 26.6.2018 ***** */





.success-payment .purchase-option{

    margin: 0

}



.success-payment .row .btn{

        margin: 13px auto;

    display: block;

}









/******* Added By Akash 02 June 2018 ********/

.set_sub-domian {

	display: none;

}



.price_heading {

	text-align: left;

	padding: 0 16px;

}



.price_tag_free {

	margin-top: 0;

	margin-bottom: 17px !important;

}



.addon_options {

	text-align: left;

	list-style: none;

	font-weight: normal;

	padding-left: 16px;

}



.price_heading {

	text-align: left;

	padding: 0 16px;

}



.addons_wrap {

	margin: 40px auto;

	padding: 0 10px;

	height: 125px;

}



.addon_options li {

	font-family: none;

	font-size: 13px;

}



.domain-available .center-text {

	clear: both;

	width: 100%;

	margin: auto;

	text-align: center;

}



.domain_notify {

	color: #B0B0B0;

	font-size: 22px !important;

	font-family: none;

	margin-top: 10px;

}



.sent-to-host .top-text, .choose-to-domain-type .top-text,.assign-domain-option .top-text, .domain-available .top-text, .update-to-subdomain .top-text {



	text-align: center;



	font-style: normal;



	overflow: hidden;



	margin: 20px auto;



}



.choose-to-domain-type h5, .sent-to-host h5, .assign-domain-option h5, .domain-available h5, .update-to-subdomain h5 {

	font-size: 29px;

	text-align: right;

	width: auto;

	display: inline-block;

	float: none;

}



.domain_price_seperater {

	width: auto !important;

}



.domain-available .main-form {

	overflow: hidden;

	margin: auto;

	width: 67%;

}



.domain-available .btn {

	border: 2px solid #1e1e1e;

	background: #1e1e1e;

	color: #fff !important;

	padding: 20px;

	font-size: 18px;

	border-radius: 0;

	font-family: Avenir-Heavy;

	text-align: center;

	width: 45%;

	margin: auto 2%;

}

.subscription_addons_wrap {

	margin: 10px auto;

	padding: 0 10px;

	height: auto;

	overflow: hidden;

}

.plan_options {

	overflow: hidden;

	padding-left: 20px;

	list-style: none;

}



.plan_options li {

	text-align: left;

	margin: 25px 10px;

	margin-right: 0px;

}

.plan_options li h5 {

	padding: 0;

	margin: 0;

	font-weight: bold;

}



.update-to-subdomain h5 {

	font-size: 29px;

	float: left;

	text-align: right;

	width: 100%;

}









/* ranit 5-7-2018 */

.popup-plan-list .single-disp-plan{

    padding: 20px;

    padding-top: 40px;

    background: #000;

}

.popup-plan-list .single-disp-plan h3{

    font-family: 'Avenir-Light';

    text-transform: uppercase;

    font-size: 23px !important;    

    position: relative;

}

p:empty {

    display: none;

}

.popup-plan-list .single-disp-plan .purchase-btn {

    color: #8c8c8c;   

    padding: 20px 39px;    

    margin: 10px 0 17px 0;   

    border-radius: 6px;

}

.addon_options li{

    font-family: 'Avenir-Light';

}

.popup-plan-list .single-disp-plan  h3.price_tag_free:after {

    content: '';

    display: block;

    position: absolute;

    width: 45px;

    height: 2px;

    background: #fff;

    left: 0;

    right: 0;

    margin: auto;

    bottom: -15px

}

.price_tag{

    margin-top: 30px;

    font-size: 8em;

}

h2.price_tag span{

    display: block !important;

    font-family: 'Avenir-Light' !important;

    text-transform: uppercase;

    font-size: 18px !important;

    letter-spacing: 2px;

}
.home_template_style{
    text-align: left;
}

.purchase-btn:hover {

    background: #fff !important;

}

.addon_options {  

    margin-top: 15px;

    margin-bottom: 0;

}

.plan_options {    

    margin-bottom: 0;

    margin-top: 20px;

    padding-left: 0

}



.plan_options input[type=radio] {  

    width: 60px;

    height: 20px;

}

.plan_options li p {

    font-family: Avenir-Light;

}

.plan_options label{

    display: block;

}

.choose-to-domain-type h5, .sent-to-host h5, .assign-domain-option h5, .update-to-subdomain h5{
    font-family: 'Avenir-Medium';
    margin: 35px 0;
    font-size: 26px;
    text-align: center;
}
.choose-to-domain-type .text-center {

    text-align: center;
    height: auto;
    overflow: hidden;
    margin: auto;
    width: 76%;

}
.choose_domain {
	border: 2px solid #1e1e1e;
	background: #1e1e1e;
	color: #fff !important;
	padding: 13px 36px;
	font-size: 20.2px;
	border-radius: 0;
	font-family: Avenir-Heavy;
	margin: 38px 40px;
	text-align: center;
	display: block;
	float: left;
	margin-top: 0;
}
.sent-to-host .domain, .assign-domain-option .domain {

    width: 90%;

}

span.d {

    font-size: 20px;

    color: #ada9a9;

    font-family: 'Avenir-Heavy';

}

input.sub_domain{

     color: #ada9a9;

      font-family: 'Avenir-Heavy';

       font-size: 20px;

}

h2.yes {

    font-family: 'Avenir-Medium';

    font-size: 25px;

    margin: 30px 0;

    margin-top: 70px;

}



.available-text * {

    color: #8a8787;

    font-family: 'Avenir-Medium';

    font-size: 25px !important;

   

}

.available-text{

     margin-bottom: 50px !important

}

.available-text h5#domain_price {

    padding-left: 0;

}

.almost-complete .purchase-btn:hover{

    color: #1e1e1e;

    background: #1e1e1e;

}



/* 6-7-2018 */



#upgrade-modal .top-text p{

    font-family: Avenir-Medium;

    text-align: center;

    color: #000;

    font-size: 23px;

    line-height: 18px;

    margin: 30px 0;

    margin-bottom: 50px;

}

#upgrade-modal .top-text h4 {

    text-align: center;

    font-family: Avenir-Medium;

    font-size: 20px;

    margin: 30px 0;

    margin-bottom: 44px;

}



.popup-plan-list .single-disp-plan p {

    margin-bottom: 0;

    font-size: 14px;

    font-family: Avenir-Light;

}



/* 7-7-2018 */

.page-container h2 {

    margin-bottom: 50px;

    font-family: 'Avenir-Medium';

    text-align: center;

    font-size: 30px;

    margin-top: 50px;

}

.plan-list-page .container h3{    

    text-transform: uppercase;

    font-size: 30px !important;

    position: relative;

    display: inline-block;

    white-space: nowrap;

    font-family: 'Avenir-Medium';

}

.p_head {

    text-align: center;

    margin-bottom: 60px;

}

.plan-btn {

    text-align: center;

    margin-top: 60px;

}

.p_head h3{

	font-size: 32px !important;

	font-family: 'Avenir-Medium' !important;

	letter-spacing: 4px;

}

.plan-list-page .container h3:after {

    content: '';

    display: block;

    position: absolute;

    width: 45px;

    height: 3px;

    background: #1c1c1c;

    left: 0;

    right: 0;

    margin: auto;

    bottom: -15px;

}

body .list_pricing_page h5{

    font-family: 'Avenir-Medium';

    font-size: 20px;

    text-transform: uppercase;

}

body .list_pricing_page p{

    font-family: 'avenir-light';

    font-size: 20px;

    line-height: 22px !important;

    margin-bottom: 36px !important;

    margin-top: 8px

}

.plan-list-page .get-started-now {   

    border: 2px solid;

}

.plan-list-page .get-started-now:hover {   

    background: #fff;

    color: #1e1e1e;

}

.list_pricing_page ul {

    list-style: none;

    margin-bottom: 25px !important;

}



.list_pricing_page ul:nth-of-type(1) {

    margin: 0;

    padding: 0;

    font-family: 'Avenir-Light';

    font-size: 20px;

    line-height: 22px !important;

    margin-bottom: 30px;

}

.list_pricing_page ul:not(:nth-of-type(1)){

        margin: 0;

    padding: 0;

}

.list_pricing_page ul:not(:nth-of-type(1)) li{

    font-family: 'Avenir-Light';

    font-size: 20px;

    line-height: 22px !important;

}

.list_pricing_page ul:not(:nth-of-type(1)) li h6 {

    font-family: 'Avenir-Black';

    font-size: 20px;

    line-height: 22px !important;

    margin-bottom: 2px;

}

.list_pricing_page h4 {

    font-family: 'Avenir-Medium';

    font-size: 20px;

    line-height: 9px !important;

    margin-bottom: 0;

    margin-top: 25px;

}

.plan-list-page .get-started-now {

    padding: 18px 80px;

    margin-left: 0;

    text-align: center;

    font-size: 18px;

    font-weight: 600;

    font-family: 'Avenir-Medium';

}

.list_pricing_page h5~p{

    margin-bottom: 0 !important

}

.plan-list-page .container h5 {    

    margin-top: 20px;

}

.page-container .badge-img {

    max-width: 300px;   

}

.page-container .plan-logo-img {  

    margin: 50% auto;    

}

.smalls{

    font-size: 13px !important;

}

.list_pricing_page:nth-of-type(2) .first_coll {

    float: right;

}

.list_pricing_page:nth-of-type(2) .mid_coll {

    float: right;

}



.register-part  h3, .modal .checkbox label{
    color: #000;
}


















/* ======= responisive ======= */



@media (min-width: 992px){

    .modal-lg {

        width: 1090px !important;

    }

}



@media(max-width: 640px){

    #upgrade-modal .modal-body {

        width: 100%;

    }

    #upgrade-modal .top-text p {       

        line-height: 27px;        

        margin-bottom: 00px;

    }

    .popup-plan-list .single-disp-plan {

        margin: 30px -15px;        

    }

    .popup-plan-list .single-disp-plan h3 {       

        font-size: 22px !important;

    }

    #upgrade-modal .top-text h4 {        

        margin-bottom: 26px;

    }

    .plan_options input[type=radio] {

        width: 30px;

    }

    .sent-to-host .btn, .assign-domain-option .btn, .domain-available .btn, .update-to-subdomain .btn{

        margin: 20px auto;

    }

    .sent-to-host .domain, .assign-domain-option .domain {

        width: 100%;

        margin: 0;

    }

    .update-to-subdomain .sub_domain {

        width: 55%;       

        margin-left: 0;

    }

    span.d {

        font-size: 18px;        

    }

	.project-edit .reserved-section label{

		    width: 116px !important;

	}

	.project-edit .reserved-section .right-section label:nth-of-type(1){

		 margin-left: 0 !important;

	}
	
	.lock_message{
		display: block !important;
	}
	
	

}



@media(max-width: 481px){

	#google img{
		width: 100% !important;
	}
	.single-subscription-plan.single-disp-plan {
		width: auto;
		margin: 0 auto;
	}
	.google_mobile_concern.find-click-connect h2{
		margin-top: 20px;
		margin-bottom: 20px;
		line-height: 33px;
	}

	.modal .checkbox{
	 width: 100%;
	}
	
	.choose-to-domain-type .choose_domain {
		margin: 10px 0;;
		width: 100%;
	}
	.choose-to-domain-type .text-center {
		width: 100%;
	}
	.register-part.auth-part .checkbox label {
		font-size: 13px;
		padding-left: 7px;
		margin: 7px 0 0 0;
	}

	.register-part.auth-part{
		width: 90%;
	}

	.mobile-content iframe {
		height: 338px;
	}
	.mobile-website{
		    width: 300px;
	}
	.mobile-content{
		height: 400px !important;
		width: 191px !important;
		margin: 51px 0 0 15px !important;
	}
	.portrait .device-bckg{
		background-size: contain !important;
	}
	
	.loader_iframe{
		height: 85% !important;
	}
	.loader_iframe img{
		 width: 20%;
	}
   .mobile-website{
        height: 604px !important;
   }
   
}





@media(max-width: 425px){

    .domain-available .main-form {       

        width: 100%;

    }

    .domain-available .btn{

        width: 49%;

        padding: 15px 15px;

        font-size: 13px;

    }

    .sent-to-host h5, .assign-domain-option h5, .domain-available h5, .update-to-subdomain h5 {       

        text-align: center;        

    }

    .upgrade-form .form-group {

        padding-right: 0;

    }

.mobile-content{

		height: 400px !important;
    width: 191px !important;
    margin: 51px 0 0 15px !important;

	}

	.device-bckg{

		background-size: contain !important;

	}

}



@media(max-width: 390px){

	.project-edit .reserved-section input{
		    width: 63px !important;
	}

	.project-edit .reserved-section .left-section input{
		    width: 12px !important;
	}
	
	.choose_domain {
		font-size: 16.2px;
	}
}








/* 23-7-2018 */







.upload_vault_image {

	padding-right: 29px;

}

.project_image_uploader .tab-pane.fade {

	display: none;

}

.project_image_uploader .tab-pane.fade.active.in {

	display: block;

}



#proj-file-upload-modal .row.choose_upload.panel-heading {

	background: none;

	border: none;

	width: auto;

	padding: 0;

}

#proj-file-upload-modal .panel-default{

    border: none;

}

.upload_vault_image li img{

	width:100% !important;

}

.upload_vault_image li i{

	display:none;

    position: absolute;

    right: -5px;

    width: 20px;

    height: 20px;

    background: green;

    text-align: center;

    border-radius: 50%;

    border: 2px solid;

    font-size: 11px;

    color: #fff;

    padding-top: 2px;

    top: -5px;

}

.upload_vault_image li {

	display: inline-block;

	vertical-align: top;

	width: 20%;

	position: relative;

	margin: 9px 0;

	padding-right: 0;

}

.upload_vault_image li.active i{

	display:block;

}

.row.default_tab.active {

    background: #b7b7b7; 

    text-align: center;

    border-radius: 10px 10px 0 0;

    display: block;

    

	border-bottom: 1px solid #ddd;

}

.row.default_tab a{

	color: #000;

	display:block;

	padding: 12px;

	text-decoration:none;

}

.row.default_tab {

    background: #f7f7f7;

    text-align: center;

    border-radius: 10px 10px 0 0;    

    display: block;   

	border-bottom: 1px solid #ddd;

}

.row.default_tab.active a{

	color: #000;

	

}

.choose_upload  .panel-heading h4{

	margin-top: 0;

    margin-bottom: 20px

}

.project_image_uploader {

	min-height:350px;

}

.project_image_uploader .has-vault-upload .row {

    max-height: 261px;

    overflow: auto;

    overflow-x: hidden;

}



.single-project.my-project button{

	background:#fff !important;

	width:30px;

	height:30px;

	position:absolute;

	top:-15px;

	right:-15px;

	display:block;

	border-radius:50%;

}

.single-project.my-project button:hover{

	background:#000 !important;

}

.single-project.my-project button:hover .close:before, .single-project.my-project button:hover .close:after{

	background:#fff;

}

.single-project.my-project button:focus{

	outline:none;

}



.single-project.my-project .close {

	position:relative;

  width: 15px;

  height: 15px;

  opacity: 1;

}

.single-project.my-project .close:hover {

  opacity: 1;

}

.single-project.my-project .close:before, .single-project.my-project .close:after {

    position: absolute;

    left: 11px;

    content: ' ';

    height: 18px;

    width: 2px;

    background-color: #000;

    top: -1px;

}

.single-project.my-project .close:before {

  transform: rotate(45deg);

}

.single-project.my-project .close:after {

  transform: rotate(-45deg);

}



#proj-delete-modal h5{

	 text-align:center;

	 margin-bottom: 25px;

}



#proj-delete-modal .delete-btn{

	border: 2px solid #3a3939;

    background: #3a3939;

    color: #fff;

    padding: 12px 0;

    font-size: 14px;

    font-family: Avenir-Heavy;

    width: 100%;

	margin-bottom:5px;

}

#proj-delete-modal .delete-btn:hover{

	border: 2px solid #1e1e1e;

    background: #1e1e1e;

}







.home_template_style label{

	    margin-right: 15px;

		margin-bottom:15px;

}



.empty-space{

	 height:180px;

}



.home-page_logo, .home-page_background{

	position:relative;

}



.home-page_logo:after, .home-page_background:after{

	width:100%;

	height:100%;

	background:rgba(179,179,179,0.8);

	position:absolute;

	top:0;

	left:0;

	content:'';

	display:none;

}



.disabled.home-page_logo:after, .disabled.home-page_background:after{

	display:block !important;

}

.home_template_style .template.side_border, .home_template_style .gallery_template.side_border, .home_template_style .social_template.side_border {

    border: 4px solid rgba(51, 238, 76, 0.5) !important;

}

.project-list .my-project .project-caption.site_online::after {

 width: 100%;

 height: 100%;

 position: absolute;

 top: 0;

 left: 0;

 display: block;

 content: '';

 background: rgba(51,238,76,0.5);

 z-index: 999;

}



.form-group.review-hide{

	display: none;

}



.add_review{

	   color: #000;

    border: 3px solid #ccc;

    float: left;

    text-align: center;

    border-radius: 50%;

    width: 40px;

    height: 40px;

    margin: 0 auto;

    padding: 7px;

	

	

}



.review-custom-wrap{

	position: relative;

}



.review-custom-overlay{

	width: 100%;

	height: 100%;

	position: absolute;

	background: rgba(255,255,255,0.5);

	top: 0;

	left: 0;

	content: '';

	display: none;

}



.review-custom-overlay img{

	position: absolute;

	top: 50%;

	left: 50%;

	content: '';

	display: block;

	width: 50px;

	height: 50px;

	 -ms-transform: translate(-50%, -50%); /* IE 9 */

    -webkit-transform: translate(-50%, -50%); /* Safari */

    transform: translate(-50%, -50%);

}

.review-custom-overlay.active{

	display: block !important;

}



.google_mobile_concern h2{

	text-transform: uppercase;

    font-weight: 700;

}

 .find-click-connect.google_mobile_concern p{

	text-align: center !important;

}



ul.google-right li{

	font-size: 16px;

	    padding: 10px 0;

}

.google_mobile_concern .empty-space{

	height: 83px;

}



#google{

	padding: 40px 0;

	background: #d1fed7;

}

#google h2{

	text-align: left !important;

}

#google .text-left{

	margin-top: 30px;

}

#google-1{

	padding-bottom: 40px;

}

#google-2{

	padding: 40px 0;

}

#google-2 h2{

	text-align:left;

}

#google-3 img{

	width: 100%;

}

#google-3{

	padding: 0px 0 40px;

}

#google-3 h2, #google-3 p{

	text-align: left !important;

}



#google-4{

	padding: 40px 0;

	background: #fff;

}



#google-4 .text-center{

	margin-top: 30px;

}



#google-4 P{

	text-align: left !important;

}



#google img{

	width: 100%;

}


#registerdsuses.onregister{
    display: block;
    opacity: 1;
    z-index: 9999999;
}

#registerdsuses .modal-dialog{
        transition: transform .3s ease-out;
    -webkit-transform: translate(0,15%);
    -ms-transform: translate(0,15%);
    -o-transform: translate(0,15%);
    transform: translate(0,15%);
}

#registerdsuses h3, #registerdsuses p{
    color: #000;
} 

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */



/* MOBILE CREATED TEMPLATE CSS */



@media screen and (max-width: 219px){

	

.reservation-section .bottom-section {

	width: auto !important;

}

.reservation-section .wrap {

	width: 45% !important;

	margin: 0 10px 0 0 !important;

	font-size: 12px !important;

}



}


.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.lock_message{
	text-align: center;
    padding: 8px;
    background: #86fcd1;
	display: none;
}

.play{
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: none;
}

.video_col img {
    margin: auto;
}

.video_wrap {
    margin: 27px auto;
}
.video_wrap:hover .play {
    display: block !important;
}
.loader_iframe {
         height: 100%;
         text-align: center;
         display: block;
         position: absolute;
         left: 50%;
         transform: translateX(-50%);
         width: 100%;
         background: #fbf6f6;
         border-radius: 45px;
         }
         .loader_iframe img {
         text-align: center;
         position: relative;
         top: 50%;
         transform: translateY(-50%);
         }

 @media(max-width: 390px){
         .project-edit .reserved-section input{
         width: 63px !important;
         }
         .project-edit .reserved-section .left-section input{
         width: 12px !important;
         }
         .mobile-website{
         width:220px;
         }
         .mobile-content{
         height: 400px !important;
         width: 191px !important;
         margin: 51px 0 0 15px !important;
         }
         .mobile-content iframe{
         height: 338px;
         }
         .display-content .middle-part div{
         min-width:50px !important;
         }
         .display-content .home-section .left-part .boxes p, .display-content .middle-part .boxes p{
         font-size: 9px !important;
         }
         .display-content .home-section .left-part .boxes i.fa, .display-content .middle-part .boxes i.fa{
         font-size: 16px !important;
         }
         .display-content .home-section h3.logo-title{
         font-size: 20px !important;
         }
         .social-section .social-part-template-1 .bottom-section [class*="fa fa-"], .social-section .social-part-template-2 li [class*="fa fa-"]{
         height: 40px !important;
         line-height: 40px !important;
         width: 40px !important;
         font-size: 17px !important;
         }
         }
         .iphone-top{
                position: absolute;
    left: 50%;
    top: 0;
     -ms-transform: translateX(-50%); /* IE 9 */
  transform: translateX(-50%); /* Standard syntax */
      z-index: 99999;
         }

         .navbar-fixed-bottom, .navbar-fixed-top{
                z-index: 999999 !important;
         }
         .panel-default>.panel-heading{
            text-align: left !important;
         }
         .page-template-create-project-page section.bg-primary.page-container h5, .page-template-create-project-page section.bg-primary.page-container .reserved-section{
            text-align: left;
         }
        
        .custom-font select{
        
    border: 1px solid #d1d1d1;
    background: #fff;
    padding: 12px;
    border-radius: 0;
    min-height: 50px;
    color: #1e1e1e;
    font-family: 'Avenir-Medium';
    width: 100%;
        }

        .modal-open .modal{
                z-index: 999999;
        }
        .custom-text-left{
            text-align: left !important;
        }
        .padding-right{
            padding-right: 10px !important;
        }
        .custom-font input[type="text"]{
            width: 100%;
        }

        .star-rating__ico:hover:before, .star-rating__ico:hover ~ .star-rating__ico:before, .star-rating__input:checked ~ .star-rating__ico:before{
        content: "\f005";
}

#proj-delete-modal h5{
    color: #000;
}
.text-left{
    text-align: left;
}

.text-left label {
    font-weight: 400;
}

#proj-file-upload-modal .button_upload{
    bottom: 0 !important;
}
.mobile-content{
       overflow: hidden;
    border-radius: 31px;
}
.rating-section{
    text-align: left;
}

.add_review{
    margin-bottom: 40px;
}

.regis-error{
color: red;
}