/*
*BLUE : #0277bd
*RED : #F44336
*GREY : #424242
*YELLOW: #FFCC00
*/
body{
    font-family: 'Poppins', sans-serif;
    background-image: url(../img/background-top.jpg), url(../img/background-bottom.jpg); 
    background-repeat: repeat-x,repeat-x;
    background-position: top,bottom; 
    background-color: #3D5E93;
    font-size: 15px;
    font-weight: 300;
    color: #424242;
    letter-spacing: 0.0125em;
}
#overlay{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.3;
    display: none;
}
#loading{
    width: 50px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}

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

h1{
    font-size: 38px;
    font-weight: 800;
    color:#0277bd;
    line-height: 2;
}

h2{
    font-size: 38px;
    font-weight: 800;
    color:#0277bd;
    line-height: 2;

}
h3{
    font-size: 16px;
    font-weight: 600;
}

.grey-heading{
    color: #424242;
}

p{
    color:#666666;
    line-height: 1.8;
}
ul{
    padding:0;
}
ul li{
}

a:hover, a:active, a:focus{
    outline: 0;
}

a{
    color:#023399;
    outline: 0;
}
a:hover{
    text-decoration:none;
    color:#000;
}
.fa{
    font-size:20px; 
}


.top-big-margin {
    margin-top: 70px;
}
.margin-top-25{
    margin-top: 25px;
}
.margin-top-10{
    margin-top: 10px;
}
.margin-top-5{
    margin-top: 5px;
}
.no-padding-left {
    padding-left: 0px;
}
.full-wrap{
    background:#fff;
    margin:60px 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
}
/*general class*/

.form-theme label{
    font-weight:600;
    font-size: 14px;
}
.form-theme .form-control{
    height:40px;
    box-shadow: none;
    border: 1px solid #DDDDDD;
    border-radius:0;
}
.form-theme .textarea-control{
    border-radius: 0; 
}

.form-theme .form-control:focus,.form-theme .textarea-control:focus{
    box-shadow:none;
    border-color: #D5D8F0;
    background: #fcfafa;
}
.form-control:hover, .textarea-control:hover{
    box-shadow:none;
    border-color: #D5D8F0;
    background: #fcfafa;
}
.menu-btn{
    background: #272525;
    color: #fff;
    padding:  15px 30px;
    max-width: 200px;
    cursor: pointer;
    float: right;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.border-right{
    border-right:1px solid #4390C4;
}
.color-red{
    color:#F44336 !important;
}
.color-yellow{
    color:#FFCC01;
}
.float-left{
    float:left;
}
.float-right{
    float:right;
}
.margin-left{
    margin-left:40px;
}
.margin-left-15{
    margin-left:15px;
}
.top-gap{
    margin-top:35px;
}
.top-gap:first-child{
    margin-top:0px;
}
.main-btn{
    background:#FFCC00;
    border-radius: 0px;
    font-weight:400;
    -webkit-box-shadow: 0.5px 2px 1px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0.5px 2px 1px 0px rgba(0,0,0,0.5);
    box-shadow: 0.5px 2px 1px 0px rgba(0,0,0,0.5);
    margin-right:10px;
    border: none;
    padding: 8px 22px;
    font-size: 16px;
}
.main-btn:hover,.main-btn:focus{
    background:#EFC10A;
}


.main-btn-blue{
    background:#0277bd;
    border-radius: 0px;
    font-weight:400;
    -webkit-box-shadow: 0.5px 2px 1px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0.5px 2px 1px 0px rgba(0,0,0,0.5);
    box-shadow: 0.5px 2px 1px 0px rgba(0,0,0,0.5);
    margin-right:10px;
    border: none;
    padding: 8px 22px;
    font-size: 16px;
    color: #fff;
}
.main-btn-blue:hover,.main-btn-blue:focus{
    background:#016cac;
    color: #fff;
}

.main-btn-red{
    background:#F44336;
    border-radius: 0px;
    font-weight:400;
    -webkit-box-shadow: 0.5px 2px 1px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0.5px 2px 1px 0px rgba(0,0,0,0.5);
    box-shadow: 0.5px 2px 1px 0px rgba(0,0,0,0.5);
    margin-right:10px;
    border: none;
    padding: 8px 22px;
    font-size: 16px;
    color: #fff;
}

.main-btn-red a{
    color: #fff;
}

.main-btn-red:hover,.main-btn-red:focus{
    background:#ed1e1f;
    color: #fff;
}


.main-logo{
    margin: 55px 0 0 25px;
}

.main-logo.mainlogo-footer{
    margin:0px;
}
.blue-h3{
    color:#0277bd;
    font-weight: 600;
    line-height: 1.3;
}
.contact-top{
    text-align: center;
    float:right;
}
.logo-row{
    background:url('../img/top-head-bg.gif');
    border-radius: 12px;
}
.number{

    font-size: 40.24px;
    font-weight: 800;
    color:#403d30;
    padding-right: 22px;
    text-align:right;
}

.small-price {
    font-size: 12px;
}

.contact-top-menu{
    max-width:380px;
    border-top-left-radius: 3px; 
    border-top-right-radius: 3px; 
    float:right;
    margin-top:-42px;
    margin-right: 45px;
    background: #FFCC00;
    padding: 0px 0px 0px 10px;
}
.contact-top-menu  ul{
    padding: 15px 0 2px; 
    line-height: 1;
}
.contact-top-menu  li{
    display:inline-block;

}
.contact-top-menu ul li  a{
    font-size: 12px ;
    font-weight: 600;
    color: #181818;
    text-decoration: none;
    padding: 2px 28px 0px 16px;
    background: url('../img/top-menu-border.gif') right no-repeat;

}
.contact-top-menu ul li a:hover{
    color: #0C4AA3;
}
.contact-top-menu ul li:last-child a{
    background:none;
}
.brand{
    padding: 20px 28px 20px;
    max-width: 300px;
}
.header-right-box{
    float:right;
    margin-top:20px;
    text-align: center;
}
.header-links{
    padding-right:25px;
}
.header-links ul li{

    display:inline-block;
    padding: 5px 3px 5px 14px;
    background:url(../img/red-seperator.gif);
    background-repeat: no-repeat;
    background-position:left center;
}
.header-links ul li a{
    font-weight:700;
    font-size: 13px;
}
.header-links ul li:first-child{
    background:none;
}
.site-nav{
    background:#484848;
    -webkit-box-shadow: inset 0px 5px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 5px 2px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px 5px 2px 0px rgba(0,0,0,0.75);
    margin-bottom: -10px;
}
.site-nav ul li{
    display:inline-block;
    background:url(../img/main-menu-seperator.gif);
    background-repeat: no-repeat;
    background-position:right center;
    padding: 17px 30px;
}
.site-nav ul li:last-child{
    background-image: none; 
}
.site-nav ul li a{
    color:#fff;
    font-size: 17px;
    font-weight: 500;
}
.site-nav ul li a:hover{
    color:#EFC10A;
}
.section-one,.section-two,.section-three,.section-four,.section-five,.section-six{

}

.section-one{

}




.main-banner{
    position: relative;
    background-image:url('../img/main-banner.png');
    background-position:top;
    padding:105px 0px 0px 0px;
    overflow: hidden;

}
.slider-cloud {   
}
.banner-text-left {
    text-align: left;
    padding-left: 25px;
}
.banner-text-big {
    background: -webkit-linear-gradient(top, #666665 0%, #666665 50%, #313131 51%, #313131 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 60px;
    font-weight: 800;
}
.banner-text-small {
    color: #414141;
    font-size: 30px;
    font-weight: 600;
}

.lineBtn {
    border-radius: 3px;
    border: 1px solid #414141;
    display: inline-block;
    cursor: pointer;
    color: #414141;
    font-size: 21px;
    padding: 5px 18px;
    text-decoration: none;
    margin-top: 24px;
}
.lineBtn:hover {
    color: #fff;
    border: 1px solid #fff;
}
.lineBtn:active {
    position:relative;
    top:1px;
}

.small-modal {
    width: 330px;
}

.section-one .banner-text{
    text-align:right;
    font-size:25px;
    font-weight: 600;
    text-shadow: 1px 1px #000;
    color:#F3F0F0;
    margin-right: 40px;
}
.section-one .banner-text span{
    font-size: 68px;
    font-weight:800;
    text-transform: uppercase;
    color:#fff;
    padding-right: 15px;
}

.section-two{
    background:#dbebf2;
    padding: 60px 45px 30px;
    background:url('../img/cloud-set1.png');
    background-position: top;
    background-repeat: no-repeat;
    z-index:333;
    position:relative;
}

.section-two-no-padding-top {
    padding: 0px 45px 30px;
}
.section-two h2{
    padding-top: 50px;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.section-two p{
    padding-bottom:10px;
    padding-bottom: 20px;
}
.box-thin{
    border: 1px solid #DCDCDE;
    border-radius: 10px;
    margin-top: 5px;
    min-height: 76px;
    padding-top: 7px;
    padding-bottom: 7px;
}
.box-thin h2{
    padding:0;
    margin:0;
    font-size: 50px;
    line-height: 1.5;
}
.box-thin p{
    padding: 11px 18px;
    margin-bottom: 0;
    text-align: left;
}
.main-btn-lg{
    padding: 10px 31px;
    border-radius: 5px;
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 10px;
    box-shadow: none;
    color: #403C2F;
    font-weight: 600;
}
.main-btn-lg-blue{
    padding: 10px 31px;
    border-radius: 5px;
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 10px;
    box-shadow: none;
    color: #ffffff;
    font-weight: 600;
}
.main-btn-lg-red{
    padding: 10px 31px;
    border-radius: 5px;
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 10px;
    box-shadow: none;
    color: #ffffff;
    font-weight: 600;
}
.box-thin .color-red{
    padding-left:10px;
}
.hexa-box{
    float:left;
    margin-top:62px;
    text-align: center;
}


.dollar-sign{
    font-size: 50px;
}
.section-two .hexa-box h3{
    font-weight: 700;
    margin-top: 25px;
}
.plus{
    font-size: 36px;
    font-weight: 900;
    color:#464237;
    float:left;
    padding:40px 20px;
    margin-top: 70px;
}
.equeals{
    font-size: 36px;
    font-weight: 900;
    color:#464237;
    float:left;
    padding:40px 5px 40px 15px;
    margin-top: 70px;
}


.plus2{
    padding:40px 40px 40px 10px;
}

.yellow{
    color: #EFC10A;
}

.mac-book{
    position: relative;
    float:left;
    max-width: 418px;
}

.changing-img{
    position: absolute;
    width: 313px;
    height: 201px;
    top: 18px;
    left: 53px;
}
.hexagon{
    background:url('../img/hexagon.png') center;
    background-repeat: no-repeat;
    color:#FDCD01;
    font-size: 70px;
    padding: 20px 28px 29px 28px;
    display: block;
    text-align: center;

}

.section-three{
    background:#fff;
    padding:35px 45px 55px;;
}

.check-list{
    margin-left: 38px;
    margin-top: 30px;
    margin-bottom: 25px;
}

.check-list li{
    list-style: none;
    background: url(../img/tick-list.gif) top left no-repeat;
    font-size: 17px;
    padding: 6px 5px 20px 40px;
    color: #747474;
}

.section-four{
    background: #ECF4FF;
    padding: 30px;
    padding: 20px 45px 80px;
    background-image:url('../img/links-bg.png');
}

.section-five{
    padding: 50px 45px 25px 45px;
    background-repeat: no-repeat; 

}
.cloud{
    margin-bottom: -85px;
}

.blue-cloud-holder{
    position: relative;

}
.blue-cloud{
    width: 100%;
    height: 150px;
    position: absolute;
    top: -148px;
    left: 0px;
    z-index: 9999;
    display: table-cell;
    background: url('../img/blue-cloud-footer.png') center bottom no-repeat;
    background-size: cover;
}

.blue-cloud img{
    vertical-align: baseline;
}

.blue-cloud-mobile{
    width: 100%;
    height: 80px;
    position: absolute;
    top: -78px;
    left: 0px;
    z-index: 9999;
    display: table-cell;
    background: url('../img/blue-cloud-footer-mobile.png') center bottom no-repeat;
    background-size: cover;
}

.blue-cloud-mobile img{
    vertical-align: baseline;
}

.section-six{
    padding:80px 45px 80px;
    background:#0273C1;
    color:#fff;
    background-image:url(../img/six-logo.png);
    background-repeat: no-repeat;
    background-position: center;
}
.section-six ul{
    margin-bottom:80px;
}
.section-six ul li{
    display:inline-block;
    list-style: none;
    padding:0 10px;
}
.section-six ul li a{
    color:#fff;
    font-size: 17px;
    font-weight: 300;
}
.section-six h2{
    color:#fff;

}
.section-six h3{
    text-transform: uppercase;
}
.section-six p{
    color:#fff;
    font-size: 13px;
}

.section-six .btn{
    background:#FFCC00;
    color:#333333;
    border-radius: 10px;
    padding: 0px 15px;

}
.section-six .btn .fa{
    font-size: 40px;
    padding-bottom: 10px;
}

.section-six .btn img{
    display:inline;
    margin-bottom: 15px;
}
.six-btn-text-group{
    display: inline-block;
    padding-top: 5px;
    padding-left:10px;
}
.micro-text{

    font-size: 12px;
    line-height: 2;
    font-weight: 600;


}
.six-btn-text{
    line-height: 1.3;
    text-transform: uppercase;
    font-weight: 700;
    display: inline;
    font-size: 16px;
}
.six-para{
    padding:0px 30px 60px 0;
}
.six-para-right{
    padding:0px 0px 60px 0;
    text-align: right;
}

.pre-footer-style1{
    padding-top:30px;
}
.pre-footer-style2{
    padding:10px 45px 0px;
    background: #0273c1 url('../img/blank.png') right center no-repeat;
    color:#fff;
}

.pre-footer-style2 h2{
    font-size: 35px;
    color: #fff;
}

.pre-footer-style2 p{
    color: #fff;
    margin-bottom: 45px;
}

footer{
    background:#161616;
    color:#ffffff;
}

footer h3{
    padding-bottom: 20px;
    border-bottom: 1px solid #2e2e2e;
    background: url('../img/footer-line.png') left bottom no-repeat;
    font-weight: 300;
    font-size: 19px;
}


.footer-list{

}

.footer-list ul{
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0px
}

.footer-list li{
    list-style: none;
    padding-bottom:5px;
}

.footer-list li a{
    font-size: 14px;
    color:#BEBBBC;
    line-height: 2;
}
.highlight-border{
    border-bottom:3px solid #FDCD17;
    padding-bottom:17px;
}
footer .number{
    font-size: 33px;
    color:#fff;
    margin: 10px 0;
    padding-right: 0;
    text-align: right;
}
.footer-button .btn{
    background:#F5BA00;
    color: #323230;
    max-width: 120px;
    border-radius: 0;
    border: 0;
    padding:5px 4px;
}
.footer-button .btn .fa{
    display: inline-block;
    padding-right: 2px;
}

.get-touch{
    font-size: 26px;
    font-weight: 500;
    color:#ffcf15;
    margin-top: 25px;
    text-align: right;
}
.footer-top{
    padding:40px 45px;
    list-style:none;

}
.fa-mobile{
    font-size:50px !important;
}

ul.social-icons{
    padding:17px 0 3px;
    text-align:left;


}
ul.social-icons li{
    padding: 10px;
    display:inline-block;
    list-style: none;
    text-align: center;
    width:45px;
    background: #FECE16;
    margin: 0;
    margin-right:3px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
}
ul.social-icons li:last-child{
    margin-right:0;
}
ul.social-icons  li a{
    padding: 10px 0px;
    color:#161616;

}
ul.social-icons  li:hover{
    background: #FECE16;
    color:#17161B;
}
ul.social-icons  li a:hover{
    color:#17161B;
}
ul.social-icons  li a .fa-facebook{

}
.subscribe-text{
    color:#fff;
    font-size: 13px;
}
.subscribe-input{
    margin:10px 0;   
}
.subscribe-input .input-group .form-control{
    width:80%;
    float:right;
    height: 40px;
    padding: 10px 12px;
    border-radius:0;
}
.subscribe-input .input-group .form-control:focus{
    box-shadow: none;
    border:1px solid #FFCC00;
}
.subscribe-input .btn{
    padding:9px 12px;
    border-radius:0;
    background:#FFCC00;
}
.footer-bottom{
    background:#161616;
    padding:10px 45px;
    font-size: 12px;
    border-top: 1px solid #2e2e2e;
}
.footer-bottom-list{
    list-style: none;
    padding: 0px 0;
    margin: 0px 0;
    margin-right: -35px;
    padding-top: 28px;
}
.footer-bottom-list li{
    padding:0 8px;
    display:inline-block;
    border-right: 1px solid #2e2e2e;
}

.footer-bottom-list li:last-child{
    border: none;
}

footer a{
    color:#BBB7B8;
}
footer a:hover{
    color:#999;
}
.copyright{
    padding: 13px 0 16px 0px;
    border-right: 1px solid #2e2e2e;
    border-left: 1px solid #2e2e2e;
    margin: 10px 0;
    color: #BBB7B8;
    text-align: center;
    margin-top: 15px;
}
/*graphic Design*/
.mountain-bg{
    background:url('../img/mountain-bg.png');
    background-position: center;
    background-size: cover;
    background-repeat:  no-repeat;
    padding: 25px 45px;
    border-bottom: 1px solid #fff;
}
.hand{
    float: right;
    margin-right: -45px;
}
.btn-lg-thin{ 
}
.graphic-sec4{
    padding-bottom:10px;
}
.low-height{
    margin-top: 15px;
}
/*digital Marketing*/
.digital-banner{
    background:url('../img/digital-banner.png');
    padding: 242px 0;
    background-position: bottom;
    background-size: cover;
}
/*online design*/
.onlineshop-banner{
    background:url('../img/online.jpg');
    background-size: cover;
    background-position: center;
}
.online-banner-text{
    text-align:left !important;
    padding: 0 40px;
    font-weight: 700;
}
.section-one .online-banner-text span{
    text-transform: capitalize;
    font-size: 60px;
}
.section-product-carousel{
    padding: 20px 70px 90px;
    background:#ECF4FF;
}
.section-product-carousel .thumbnail{
    border-radius:0;
    border:none;
    padding:0;
}
.section-product-carousel .carousel-indicators{
    bottom: -70px;   
}
.online-section-two{
    background:url('../img/onlineshop-design.png');
    background-size: cover;
}
.online-sec-three .main-btn{
    border-radius:0px;
}
.online-sec-four img{
    max-width:420px;
    width:100%;
}
.online-sec-four{
    background-image:none;
}
/*product slider*/
#myCarousel .thumbnail{
    margin-bottom: 0;
}

.carousel-control.left, .carousel-control.right{
    background-image:none !important;
}
.carousel-control{
    color:#fff;
    top:40%;
    color:#428BCA;
    bottom:auto;
    padding-top:4px;
    width:30px;
    height:30px;
    text-shadow:none;
    opacity:1;
}
.carousel-control:hover{
    color: #d9534f;
}
.carousel-control.left, .carousel-control.right{
    background-image:none !important;
}
.carousel-control.right{
    left:auto;
    right:-32px;
}
.carousel-control.left{
    right:auto;
    left:-32px;
}

.carousel-indicators{
    bottom:-30px;
}
.carousel-indicators li{
    border-radius:0;
    width:14px;
    height:14px;
    background:#9EBAF2;
    border:1px solid #ccc;
    border-radius:10px;
}
.carousel-indicators .active{
    width:14px;
    height:14px;
    background:#3276b1;
    border-color:#3276b1;
}
/*website design*/
.website-des-banner{
    background:url('../img/website-design-banner.jpg ');
    background-size: cover;
}
.webdesign-section-three{
    background:url('../img/graphic1.png');
    margin-top: 0px;
    background-position: top;
    background-repeat: no-repeat;
    z-index: 333;
    position: relative;
    padding: 80px 45px;
}
.webdesign-section-one .banner-text{
    text-align:left;
    padding:30px 50px;
}

.text-center{
    text-align: center;
}
/*SEO Design*/
.seo-header{
    font-size: 22px;
    font-weight: 800;
    color: #0277bd;
}
.seo-section-two{
    margin-top:0px;
}
.hexa-num{
    float: right;
    margin-right: -10px;

}
.seo-text-group{

}

.seo-banner{
    background-image: url('../img/main-banner.jpg');
    background-position: center;
    background-repeat: no-repeat !important;
    color: #fff;
    padding: 60px 0 120px;

}

.seo-banner .banner-text{
    margin-top: 80px;
    margin-bottom: 80px;
    text-align: center;
}

.seo-banner .banner-text span{
    font-size: 55px;
    text-shadow:none;
}


.blog-banner{
    background-image: url('../img/main-banner.jpg');
    background-position: center;
    background-repeat: no-repeat !important;
    color: #fff;
    padding: 15px 0 10px;

}

.blog-banner .banner-text{
    margin-top: 80px;
    margin-bottom: 80px;
    text-align: center;
}

.blog-banner .banner-text span{
    font-size: 55px;
    text-shadow:none;
}


.eye-box{
    background:#357BD3;
    max-width:220px;
    float:left;
    padding: 0px 25px 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.eye-header{
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
}
.url-search-box{
    float:left;
    background: #B8D4F9;
    padding: 48px 40px 0px 40px;
    width:78%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.url-text{
    height: 55px;

}
.url-search-box .btn{
    display: inline;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 10px;
    box-shadow: none;
    border: 2px solid #fff;
    float: left;
    margin-left: 10px;
    padding: 10px 30px;
    color: #4B4B4A;
}
.small-text{
    font-size: 12px;
    margin-top: 12px;
    margin-bottom: 4px;
}
.url-search-box .input-group-btn{
    margin-left:-50px;
}
.process-box{
    padding:40px 0;
}
.process-box:last-child{
    padding-bottom: 0;
    margin-bottom: -30px;
}

.center-box{
    text-align: center;
}

/****logo page*********/

.logopage-sec3 {
    padding: 90px 45px 0px;
    background: url('../img/cloud-light.png');
    background-position: top;
    background-repeat: no-repeat;
    z-index: 333;
    position: relative;
}

.logopage-sec3-no-top-padding {
    padding: 0px 45px 0px;
}


.logopage-sec3 h2{
    padding-bottom:30px;   
}
.logo-sample-box{
    max-width: 195px;
    background:#FAFAFA;
    display:inline-block;
    border:1px solid #E8EAE9;
    margin:5px;
}
.logo-sample-group{
    margin-top:70px;
}
.start-logo{
    padding-top:40px;
}
.big-highlighter{
    padding:0 30px;
}
.big-highlighter img{
    margin:0 auto
}
.big-highlighter .main-btn{
    margin: 10px 25%;
    margin-top:30px;
}
.icon-logo1{
    padding-left:20px;
}
.icon-logo3{
    padding-top:30px;
}
.icon-logo4{
    padding-top:20px;
}

.logo-form{
    display: none;
}
.pack-item{
    margin: 50px auto;
    border:8px solid #ECECEC;
    cursor: pointer;
}

.pack-item:hover{
    border-color: #0277bd;
}
.pack-item-active{
    border-color: #0277bd;
}


.pack-one,.pack-two,.pack-three{
    border:1px solid #EAEAEA
}
.pack-room
{
    text-align: center;
    border-top:1px solid #ECECEC;
    padding:15px 0px;
    margin:0 5px;
}

.line-well{
    border: 1px solid #ccc;
    padding: 10px;
}

.logo-choose{
    text-align: center;
    border: 1px solid #fff;
    padding: 3px;
    margin-bottom: 5px;
}
.logo-choose:hover, .logo-selected{
    border: 1px solid #0277bd;
    background: #0277bd;
    color: #fff;
}


.logo-choose img{
    margin-bottom: 7px;
}

.pack-room img{
    padding:10px 0 15px;
}
.pack-button{
    background: #0277bd;
    color: #fff;
    font-weight: 800;
    font-size: 20px;
    margin:2px ;
    text-decoration: none;
    padding:5px 10px;
    position:relative;
}
.big-num{

    display:inline-block;
    font-size: 40px;
    margin-left:15px;
}
.order-now{
    display:inline-block;
    font-size: 20px;
    bottom: 18px;
    position: absolute;
    left: 100px;
    border-left: 2px solid #90CAF0;
    padding-left: 5px;
}
.dollar{
    font-size: 25px;
    margin-bottom: 10px;
    position: absolute;
    top: 10px;
    left: 8px;
}
.lady-girl{
    z-index: 999;
    position: absolute;
    top: 55px;
    left: -40px;
}
.pack-item h3{
    font-size: 22px;
    font-weight: 700;
    padding: 6px 0 16px;
}
.carousel-inner{
    padding-bottom:1px;
}
/*contact page */
.contact-sec3{
    padding:20px 0;
    padding: 90px 0px 0px;
    background: url('../img/cloud-light.png');
    margin-top: -120px;
    background-position: top;
    background-repeat: no-repeat;
    z-index: 333;
    position: relative;
}

.no-top-upper {
    margin-top: 0px;
}

.blue-header{
    color: #1F4CA3;
    font-weight: 800;
    font-size: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #F0EEEF;
    margin-bottom: 0;
}

.email-mobile {
    font-weight: 400;
    font-size: 12px;
}
.contact-itemrow{
    border-bottom:1px dotted #F0EEEF;
    padding:30px 0;
}
.contact-social-icons{
    padding:0 5px;
}
.contact-social-icons li{
    list-style: none;
    display: inline-block;
    padding:0 3px;

}
.left-contact{
    padding:40px;
    padding-right: 50px;
}
.right-contact{
    padding:40px;
    padding-right: 50px;
}
.border-shadow-right{
    background: url(../img/seperator.png) no-repeat right;
}
.right-contact form{
    padding-top:20px;
}
.contact-sec3 .form-control::-moz-placeholder{
    color:#D2D2D2;
}
.textarea-control{
    width: 100%;
    border-radius:5px;
    border: 1px solid #DDDDDD;
    padding: 10px;
    color:#A89E9E;
}
.v-lg-btn{
    padding: 22px 30px;
    box-shadow: none;
    border-radius: 10px;
    font-weight: 700;
    font-size: 22px;
}
#upload-file-container{
    position: relative;

}

/*replace the content value with the
corresponding value from the list below*/

#upload-file-container:before{
    content: "\f093";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
}

#upload-file-container input{
    filter: alpha(opacity=0);
    opacity: 0;
}
/**quote-design page***/
.tick-group{
    margin-top:20px;
}
.tick-group li{
    list-style: none;
    padding-top:5px;
}
.tick-group label{
    font-weight: 400;
}
.select-boxes-group{
    padding:50px 100px 0;

}
.quote-form{
    margin-top:40px;
}
.long-btn{
    width:100%;
    font-weight: 600;
    box-shadow: none;
    color:#5C5758;
    text-transform: uppercase;
    font-weight: 700;
}
.quote-form .input-group-addon{
    background: rgb(241, 237, 236) none repeat scroll 0% 0%;
}
.quote-sec2{
    background: url('../img/quote-cloud.png');
    background-position: top;
    background-repeat: no-repeat;
    padding-bottom:0;
}
.wow{
    overflow:hidden;
}

.quote-btn{
    height: 75px;
}

.general-content{
    padding: 60px;
}
/**cost-effectiv page**/

.cost-effective-cloud{
    background: url('../img/cloud-set1.png');
    background-position: top;
    background-repeat: no-repeat;
    padding-bottom:0;
}
.cost-effective-one .banner-text{
    text-align:left;
    padding:30px 50px;
}
.cost-effective-one .banner-text span{
    font-size: 60px;
    text-transform:capitalize;
}
.cost-package{
    margin:70px 0;
}
.cost-package:last-child{
    margin-bottom: 0;
}
.bluish-head{
    background: #0277bd;
    color: #fff;
    padding: 5px 20px;
    max-width: 418px;
    font-size: 20px;
    font-weight: 600;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.cost-dollar{
    background: #F9CE1D;
    background-color: rgb(249, 206, 29);
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    padding: 8px 20px 3px 20px;
    color: #555;
    font-weight: 800;
    margin-top: 32px;
    padding-left: 190px;
}
.dollar-value{

    font-size: 50px;
    padding-left: 10px;
}
.price-item-image{
    z-index:3;   
    position: absolute;
    right: -220px;
    top:-35px;
}
.cost-time{
    font-size: 18px;
    font-weight: 500;
    padding: 0 10px;
    display: inline;
}
.cost-effect-box{
    padding:55px 0px 20px;
    border:1px solid #C4C4C4;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top:2px solid #5C87C1;
}
.ninty-img{
    top:-45px;
}
.custom-bullet{
    margin-left: 0;
    list-style: none;
    counter-reset: counter;
    color:#757575;
}
.custom-bullet > li:before{
    counter-increment: counter;
    content: counter(counter);
}

.custom-bullet--a{
    position: relative;
}
.custom-bullet--a > li:before{
    position: relative;
    z-index: 100;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    color: #5B7EB8;
    border-radius: 100em;
    counter-increment: counter;
    content: counter(counter);
    font-weight: 800;
    font-size: 20px;
}
.custom-bullet--a > li:last-child:before{
    margin-bottom: 0;
}
.custom-bullet li{
    padding:6px 0;
}
.cost-contact .main-btn,.right-contact .main-btn{
    border-radius: 0;
    max-width:300px;
}
.cost-contact .v-lg-btn{
    padding: 22px 42px;
}
.order-inner-box{
    padding:1px 20px;
    border:1px solid #DDDDDD
}
.order-item-group{
    border-bottom:1px dotted #ddd;  
}
.order-title{
    background: #0277bd;
    color: #fff;
    padding: 7px 20px;
    font-size: 22px;
    font-weight: 700;
}
.order-item-head{
    font-weight:600;
}
.order-summary-item{
    font-size:13px;
    color:#636365;
    line-height: 2;
}
.order-item-group{
    padding: 25px 0;
}
.order-price{
    color:#0277bd;
    font-size: 24px;
    font-weight: 700;
    padding:24px 0;
}
.order-price-big{

    font-size: 38px;
    font-weight: 800;
}


.box-images{
    position: absolute;
    right: -153px;
    z-index: 999;
    top: -45px;
}

/*end of cost effective page*/


.icon-box-1{
    margin-top: 40px;
}

.icon-box-1 h2{
    font-size: 22px;
    color: inherit;
}

.icon-box-1-description{
    color: #747474;
}

.icon-box-1:hover h2{
    cursor: pointer;
    color: #F44336;
}
.icon-box-1:hover .icon-top{
    background: #fece16;
    border-color: #fece16;
}

.icon-box-2{
    margin-bottom: 50px;
}


.icon-holder-box {
    background: #0277bd; 
    width: 60px; 
    height: 60px; 
    padding: 10px;
    display:table-cell; 
    vertical-align:middle; 
    text-align:center
}


.icon-box-2:hover .icon-holder-box {
    background: #FFCC00; 
}

.icon-box-2 h2{
    color: inherit;
    font-weight: 500;
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    margin-top: -6px;
}
.icon-box-2 p{
    margin-top: 0px;
    line-height: 1.2;
}

.icon-box-3{
    margin-top: 40px;
}

.icon-box-3 h2{
    font-size: 19px;
    color: inherit;
    font-weight: 500;
}



.icon-box-3:hover h2{
    cursor: pointer;
}
.icon-box-3:hover .icon-top{
    background: #fece16;
    border-color: #fece16;
}


.icon-box-4{

}

.black-icon-holder{
    width: 126px;
    height: 126px;
    border-radius: 50%;
    border: 1px solid #333;
}

.black-icon-holder-inner{
    margin: 12px;
}
.icon-box-4-title{
    margin-top: 15px;
}


.website-slogan{
    color: #2682c3;
    font-weight: 500;
}

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

.icon-top{
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 1px solid #ccc;
    margin-bottom: 25px;
}

.small-text{
    font-size: 13px;
}


.extra-small {
    font-size: 11px;
}

.icon-top-white{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 15px solid transparent;
}

.white-round-line{
    width: 134px;
    height: 134px;
    border-radius: 50%;
    border: 2px solid #fff;
}

.footer-button-holder{
    text-align: right;
    margin-top: 25px;
}

.white-line-btn{
    border: 1px solid #fff;
    padding: 8px 15px;
    text-align: center;
    color: #ffffff;
}

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

.section-sub-title-left{
    margin-left: 50%;
}

.section-sub-title-right{
    margin-right: 50%;
}

.packager{
    background: #fff;
    border: 1px solid #eaeaea;
}

.package-header{
    font-size: 30px;
    color: #414141;
    font-weight: 700;
    padding: 15px;
}
.package-price-box{
    font-size: 45px;
    color: #414141;
    background: #fafafa;
    font-weight: 700;
    padding: 25px 15px;
    line-height: 0.8;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}
.package-price-box-highlight{
    font-size: 45px;
    color: #ffffff;
    background: #0277bd;
    font-weight: 700;
    padding: 25px 15px;
    line-height: 0.8;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.package-feature{
    margin: 0px 25px;
    padding: 15px 0px;
    height: 57px;
    border-bottom: 1px dashed #eaeaea;
}

.package-btn-area{
    padding: 15px 0px;
}

.equal-col{
    margin-bottom: 30px;
}

/*BLOG*/
.blog-thumb-img{
    position: relative;
}

.blog-thumb-note{
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 8px;
    background: #FFCC00;
    font-size: 14px;
}
.blog-excerpt-holder{
    border: 1px solid #e8e8e8;
    padding: 25px 25px 17px 25px;
}
.blog-excerpt-holder:hover{
    border: 1px solid #FFCC00;
}
.blog-excerpt-holder h1{
    font-size: 20px;
    font-weight: 600;
    margin-top: 0px;
}
.blog-excerpt-holder h1 a{
    color: #424242;
}
.blog-excerpt-holder:hover h1 a{
    color: #0277bd;
}
.blog-read-more-btn{
    margin-top: 5px;
    font-size: 15px;
    font-weight: 400;
}
.big-date{
    font-weight: 400;
    font-size: 22px;
    display: block;
    text-align: center;
}
.blog-piece{
    margin-bottom: 30px;
}
.last-section{
    padding-bottom: 200px;
}
/*PAGINATION*/
.page-numbers{
    display: inline-block;
    padding: 12px 18px;
    margin: 0 2px 0 0;
    border: 1px solid #eee;
    line-height: 1;
    text-decoration: none;
    font-weight: 400;
    background: #FFCC00;
    color: #424242;
}
.page-numbers.current,
a.page-numbers:hover{
    background: #424242;
    color: #fff;
}
.blog-main-content{
    padding: 20px;
    border: 1px solid #e8e8e8;
}

.blog-main-content a {
    color: #ffae00;
}

.blog-main-content a:hover {
    color: #005aab;
}



.blog-main-content p{
    text-align: justify;
}


.blog-main-content h1{
    font-size: 25px;
    font-weight: 600;
    margin-top: 0px;
    color: #424242;
}

.blog-main-content h2{
    font-size: 18px;
    font-weight: 600;
    margin-top: 25px;
    color: #424242;
    line-height:1.2;
}

.blog-main-content h3{
    font-size: 14px;
    font-weight: 600;
    margin-top: 15px;
    color: #424242;
    line-height:1.2;
}

.blog-meta{
    padding: 0px 0px 25px 0px;
}
.cat-list{
    margin-bottom: 20px;
    border: 1px solid #e8e8e8;
}
.cat-list ul{
    margin: 0px;
    padding: 0px;
}
.cat-list ul li{
    list-style: none;
    display: block;
}
.cat-list ul li a{
    list-style: none;
    padding: 12px 25px;
    display: block;
    border-top: 1px solid #e8e8e8;
    color: #434343;
}
.cat-list ul li a:hover{
    color: #0277bd;
}
.tag-warp{
    margin-bottom: 20px;
    border: 1px solid #e8e8e8;
    padding: 25px;
}
.tag-warp a{
    display: inline-block;
    background: #FFCC00;
    color: inherit;
    padding: 2px 8px;
    margin-right: 4px;
    margin-bottom: 7px;
    font-size: 14px;
}
.tag-warp a:hover{
    background: #424242;
    color: #ffffff;
}
.side-box{
}
.side-box h2{
    text-transform: uppercase;
    font-size: 20px;
    padding: 12px 22px;
    margin: 0px;
    color: #424242;
    line-height: 1.4; 
}
.blog-full-image{
    margin-bottom: 25px;
}
/*SEARCH STYLE*/
.search-wrp{
    border: 1px solid #e8e8e8;
    margin-bottom: 20px;
}

.search-wrp input{
    border: none;
    height: 45px;
    box-shadow: none;
}

.search-wrp input:hover{
    background: none;
    box-shadow: none;
}

.search-wrp input:focus{
    border: none;
    box-shadow: none;
}

.search-btn{
    background: #fff;
    border: none;
    border-left: 1px solid #e8e8e8;
    padding: 12px 5px;
}
/*SEARCH STYLE*/

.block3-center-image {
    position: relative;
}

.blcok3-left-icon {
    position: absolute;
    bottom: 120px;
    left: 0px;
}
.blcok3-right-icon {
    position: absolute;
    bottom: 102px;
    right: 0px;
}

.website-plan-form {
    margin-top: 60px;
}

.webiste-form-holder {
    padding: 26px;
    border: 1px solid #ccc;
}

.selectedPlan {
    font-size: 36px;
    font-weight: 700;
    margin-top: 30px;
    display: block;
    text-align: center;
}
.planPrice {
    font-size: 30px;
    display: block;
    text-align: center;
}
.planFeature {
    font-size: 16px;
    margin-bottom: 43px;
    display: block;
    text-align: center;
}

.webFormHolder {
    display: none;
}


#let-us-call-you {
    color: #fff;
}



.qholder {
    position: fixed;
    bottom: -415px;
    right: 10px;
    width: 350px;
    height: 450px;
    z-index:9999;
    font-weight:300;
    background: #ccc;
}

.qholder label {
    font-weight: 300;
}

.newClass {
    bottom: -2px;
    transition:all 1s;
}

.contactDiv {
    margin-left: 0px;
    background: #fff;
    padding: 20px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.newClassForm {
    margin-left: 0px;
    -webkit-box-shadow: -4px 1px 54px -14px rgba(0,0,0,0.75);
    -moz-box-shadow: -4px 1px 54px -14px rgba(0,0,0,0.75);
    box-shadow: -4px 1px 54px -14px rgba(0,0,0,0.75);
}

.quickBtn {
    background: #FFCC00;
    color: #333;
    font-size:16px;
    font-weight:300;
    cursor: pointer;
    width: 350px;
    padding: 6px 17px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}


.general-content {
    padding: 20px 45px 170px 45px;
    background-position: top;
    background-repeat: no-repeat;
    z-index: 333;
    position: relative;
}


.general-content h2 {
    font-size: 19px;
    color: #141414;
}


.footer-img-list {
}

.footer-img-list ul{
    padding-top: 50px;
    text-align:center;
    margin-bottom: 20px;
}

.top-no-padding {
    padding-top:0px;
}

h2.top-no-padding {
    padding-top:0px;
}


.menu-btn{
    display: none;
}


.half-right {
    padding-left: 50%;
    text-align: right;
}
.half-left {
    padding-right: 50%;
    text-align: left;
}

.button-padding-top {
    margin-top: 60px;
}

.order-white {
    position: relative;
    display: block;
    top: 0px;
    left: 0px;
    font-size: 23px;
    color: #fff;
    text-align: center;
    border-left: none;
}


.ecommerce-slider-holder {
    width: 569px;
    height: 345px;
    top: 34px;
    left: 231px;
    position: absolute;
}


@media (min-width: 1200px){ 
    .packages .col-md-4{

    }
}

@media (max-width: 1200px){ 
    .lady-girl{
        left: -73px;
    }
    .order-now{
        display: inline-block;
        font-size: 15px;
        bottom: 18px;
        position: absolute;
        left: 95px;
        border-left: 2px solid #90CAF0;
        padding-left: 4px;
    }
    .big-num{
        display: inline-block;
        font-size: 35px;
        margin-left: 15px;
    }
    .dollar{
        font-size: 20px;
        margin-bottom: 10px;
        position: absolute;
        top: 10px;
        left: 8px;
    }
    .cost-dollar{
        padding: 4px 0px;
        top: 32px;
        padding-left: 190px;
        width: 83%;
    }
    .dollar-value{
        font-size: 35px;
        padding-left: 10px;
    }
    .dollar-sign{
        font-size: 50px;
    }
}

@media (max-width: 1000px){
    .section-six{
        background-image: none;
    }
    .footer .number{
        text-align:left;
    }
    .ul.social-icons{
        text-align:left;
    }
    .copyright{
        border-bottom: 1px solid #2e2e2e;
        border-right: 0px;
    }
    .footer-bottom-list{
        border-bottom: 1px solid #2e2e2e;
        border-right: 0px;
    }
    .section-five img,.section-three img{
        margin-top: 25px;
    }
    .lady-girl{
        left: -30px;  
    }
    .price-item-image{
        position: relative;
        right: 0px;
        margin-top: 34px;
        display: block;
        text-align: center;
    }
    .cost-dollar{
        background: #F9CE1D;
        background-color: rgb(249, 206, 29);
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
        padding: 4px 20px 7px 20px;
        color: #000;
        font-weight: 800;
        width: 100%;
        top: 32px;
        padding-left: 215px;
        margin-left:33px;
        position:relative;
        display: block;
    }
    .ninety{
        font-size:30px;
    }
    .cost-time{
        font-size: 15px;
        line-height: 0.7;
        display: inline;
    }

    .ninty-img{
        margin-top: 18px;
    }
    .order-white {
        position: relative;
        display: block;
        top: 0px;
        left: 0px;
        font-size: 35px;
        color: #fff;
        text-align: center;
        border-left: none;
    }


}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
    body {
        font-size: 13px;
    }

    .menu-btn{
        display: block;
    }

    .h1, .h2, .h3, h1, h2, h3{
        margin-top: 5px;
        margin-bottom: 10px;
    }

    h1 {
        line-height: 1.3;
    }

    h2{
        font-size: 19px;
        line-height: 1.2;
        padding-top: 15px;
        text-align: center;
    }

    h3{
        line-height: 1.2;
    }

    .blog-main-content h1 {
        font-size: 24px;
    }

    .blog-main-content h2 {
        font-size: 14px;
        font-weight: 600;
        margin-top: 15px;
        color: #424242;
        line-height: 1.2;
        text-align: left;
    }

    .six-para{
        padding:0px 0px 25px 0;
    }
    .six-para-right{
        padding:0px 0px 25px 0;
        text-align: left;
    }

    .right-align, .left-align, .center-text {
        text-align: left;
    }

    .section-sub-title-left{
        margin-left: 0%;
    }

    .section-sub-title-right{
        margin-right: 0%;
    }


    .full-wrap{
        margin-top: 10px;   
    }

    .brand{
        padding: 12px 13px 8px;
    }

    .menu-btn{
        background: none;
        color: #333;
        padding: 30px 10px 11px 0px;
        max-width: 200px;
        cursor: pointer;
        float: right;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .section-two h2{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .number{
        font-size: 32px;
    }
    .section-six ul{
        margin-bottom: 40px;
    }
    .contact-top-menu ul li a{
        font-size: 10px;
        padding: 0px 10px;
    }
    .contact-top-menu{
        margin-right: 10px;
    }
    .header-links{
        padding-top: 12px;
    }
    .main-banner{
        display:none;
    }
    .brand{
        margin:0 auto;
    }
    .header-right-box{
        margin-top:0;
        float:none;
    }
    .text-right{
        text-align: left;
    }

    .site-nav{
        background: #272525;
    }
    .site-nav ul{
        display: none;
    }
    .section-two{
        margin-top: 20px;   
    }
    .float-right,.float-left
    {
        float:none;
    }
    .border-right{
        border:none;   
    }
    .section-six{
        padding:30px;
    }
    .section-six .btn{
        margin-bottom:10px;
    }
    .get-touch,footer .number,ul.social-icons{
        text-align: left;
    }
    footer .number{
        font-size: 28px ;
        margin:0;
    }
    .select-boxes-group{
        padding:0px;
    }
    .section-two{
        background:none;
        padding:0px 10px;
    }
    .section-one{
        display:none;
    }
    .cloud{
        margin-bottom: -30px;
    }
    .section-three{
        padding:20px 15px;   
    }
    .check-list{
        margin-left:0;
        margin-top: 10px;
    }
    .margin-left{
        margin-left:0;
    }
    .main-btn{
        margin:5px 0;
    }
    /*contact page*/
    .contact-sec3{
        background:none;
        margin-top:50px;
        padding:0;
    }
    .border-shadow-right{
        background:none;
    }
    .main-btn-lg{
        padding: 5px 16px;
        border-radius: 3px;
        font-size: 17px;
        margin-left: 10px;
    }

    .left-contact, .right-contact{
        padding: 10px;
        padding-top:0;
    }

    .left-contact h3.blue-header{
        padding-bottom:5px;
    }

    .left-contact img{
        padding-top:0;
        margin-top:0;
    }

    .contact-itemrow{
        padding: 6px 0;
    }

    .webdesign-section-three{
        background: none;
        margin-top: 0;
    }
    .hexa-num{
        float:none;
    }
    .url-search-box{
        width: 100%;    
    }
    .mac-book{
        float:none;
    }

    .process-box .wow{
        display:none;
    }
    .process-box{
        padding: 10px 0;
    }

    /*graphic*/
    .mountain-bg img{
        padding:20px 0;
        margin:0 auto;
    }
    .logopage-sec3{
        background:none;
        margin-top:0;
    }
    /*logo page responsive*/

    .icon-logo1,.icon-logo2,.icon-logo3,.icon-logo4
    {
        margin:0 auto;
    }
    .start-logo .blue-h3{
        text-align: center;
    }
    .cost-dollar{
        position: initial;
    }

    /*seo*/
    .eye-box{
        border-radius:0;
    }

    .url-search-box{
        float:left;
        background: #B8D4F9;
        padding: 50px 40px 0px 40px;
        width:100%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .url-search-box{
        padding: 15px;
    }
    .url-search-box .btn{
        margin-left: 0px;
    }
    .seo-text-group{
        padding-top: 0px;
    }
    .process-box{
        padding-top: 0px;
    }
    .hand{
        float: right;
        margin-right: -45px;
    }

    .footer-top{
        padding: 10px 29px;
        list-style: none;
    }
    .footer-list{
        padding-top: 4px;
        padding-bottom: 3px;
    }
    .footer-bottom{
        background: #2E2E2E;
        padding: 2px 29px 15px 29px;
        font-size: 13px;
    }

    .footer-bottom-list{
        margin-left: 0px;
        margin-right: 0px;
        text-align: center;
        border-right: 0px;
        padding-bottom: 20px;
        margin-bottom: 0px;
        padding-top: 5px;
    }

    .subscribe-input .input-group .form-control{
        width: 100%;
        float: right;
        height: 40px;
        padding: 10px 12px;
        border-radius: 0;
    }
    .section-four{
        padding: 20px 15px 20px;
    }
    .section-five{
        padding: 20px 15px 20px 15px;
        background-repeat: no-repeat;
    }
    .section-product-carousel{
        padding: 20px 61px 33px;
        background: #ECF4FF;
    }

    .container{
        padding-right: 10px;
        padding-left: 10px;
    }
    .hexa-box{
        display: inline-block;
        margin-top: 1px;
        text-align: center;
    }

    .hexagon{
        background: url('../images/hexagon-50.png') center;
        background-repeat: no-repeat;
        color: #FDCD01;
        padding: 21px 26px 21px 26px;
        display: block;
        text-align: center;
        font-size: 25px;
    }

    .box-thin{
        margin-top: 15px;
    }

    .box-thin h2{
        padding-top: 0px;
        line-height:1;   
    }
    .box-thin h2 .color-red{
        padding-left: 0px;
    }

    .section-two p{
        padding-bottom: 5px;
        padding-top: 5px;
        line-height:1.3;
    }

    .logo-sample-box{
        max-width: 46%;
        background:#FAFAFA;
        display:inline-block;
        border:1px solid #E8EAE9;
        margin:5px;
    }
    .logo-sample-group{
        margin-top: 20px;
    }
    .pack-item{
        margin-top: 22px;
        max-width: 320px;
    }
    .pack-item h3{
        font-size: 22px;
        font-weight: 700;
        padding: 10px 0;   
    }
    .pack-room{
        padding:0;
    }
    /*cost package*/
    .cost-package{
        margin:20px 0;
    }
    .cost-effect-box{
        padding: 20px 0px;   
    }
    .order-summary{
        margin-top:0;
    }
    .cost-contact{
        padding-top:40px;
    }

    .cost-dollar{
        margin-left:0px;
        width:100%;
        padding-left:0px;
        text-align: center;
    }

    .order-now{
        display: inline-block;
        font-size: 30px;
        bottom: 8px;
        position: absolute;
        left: 95px;
        border-left: 2px solid #90CAF0;
        padding-left: 13px;
    }

    .box-images-mobile{
        display: block;
        text-align: center;
    }

    .check-list li{
        font-size: 13px;
        padding: 12px 5px 5px 40px;
    }

    .main-btn-lg {
        margin-left: 0px;
    }

    .box-thin {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .section-three p {
        text-align: justify;
    }

    .last-section {
        padding-bottom: 88px;
    }

    .pre-footer-style2 {
        padding: 15px 15px 25px;
        background: #0273c1 url(../img/blank.png) right center no-repeat;
        color: #fff;
    }
    .pre-footer-style2 h2 {
        font-size: 27px;
        color: #fff;
    }

    .pre-footer-style2 p {
        text-align: justify;
        font-size: 14px;
        margin-top: 22px;
        margin-bottom: 28px;
    }

    ul.social-icons {
        text-align: center;
    }

    .footer-top {
        padding: 20px 18px;
        list-style: none;
    }
    .footer-bottom {
        background: #2E2E2E;
        padding: 2px 10px 5px 10px;
        font-size: 13px;
    }
    .get-touch {
        font-size: 26px;
        font-weight: 500;
        color: #ffcf15;
        margin-top: 2px;
        text-align: right;
    }

    .footer-button-holder {
        text-align: center;
        margin-top: 12px;
    }

    .footer-bottom-list {
        padding-bottom: 12px;
    }

    .full-wrap {
        margin-bottom: 17px;
    }

    .main-btn-lg {
        padding: 12px 16px;
    }
    .section-product-carousel {
        padding: 14px 21px 31px;
    }

    .section-product-carousel .carousel-indicators {
        bottom: -20px;
    }

    .icon-box-1 {
        margin-top: 5px;
    }

    .icon-box-1-heading h2 {
        text-align: left;
        font-size: 16px;
        padding-top: 10px;
    }

    .icon-box-2 {
        margin-bottom: 30px;
    }

    .icon-box-2 h2, .icon-box-3 h2 {
        font-size: 16px;
        text-align: left;
    }

    .icon-box-3 {
        margin-top: 0px;
    }

    .icon-box-3-description {
        text-align: justify;
    }

    h1.grey-heading {
        font-size: 23px;
        line-height: 1.2;
    }

    .black-icon-holder{
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 1px solid #333;
    }

    .black-icon-holder-inner{
        margin: 5px;
    }

    .icon-box-4-title {
        margin-top: 20px;
        text-align: left;
    }

    .seo-header {
        font-size: 16px;
    }

    .center-box {
        text-align: left;
    }

    .mobile-center {
        text-align: center;
    }
    .mobile-left {
        text-align: left;
    }

    p.mobileList {
        padding-top: 10px;
    }

    .big-num {
        font-size: 26px;
    }
    .mobile-order-now {
        font-size: 27px;
        left: 78px;
    }
    .pack-button {
        padding: 7px 10px;
    }
    .pack-item {
        margin-top: 5px;
    }
    .order-item-group {
        padding: 25px 0 5px;
    }
    .order-price {
        padding: 10px 0;
    }
    .visible-xs {

    }

    .section-three p {
        text-align: justify;
        margin-top: 15px;
    }

    .top-big-margin {
        margin-top: 30px;
    }

    .logopage-sec3 h2 {
        padding-bottom: 5px;
    }

    .blog-meta {
        padding: 0px 0px 0px 0px;
    }

    .contact-social-icons li {
        list-style: none;
        display: inline-block;
        padding: 0 3px;
        max-width: 61px;
    }

    .no-padding-left {
        padding-left: 20px;
    }
    .package-price-box, .package-price-box-highlight {
        padding: 25px 15px;
        line-height: 0.5;
    }

    .package-feature {
        padding: 12px 0px;
        height: 40px;
    }

    .packager {
        margin-bottom: 20px;
    }

    .right-contact, .left-contact {
        border-radius: 0;
        padding: 20px;
    }

    .footer-img-list ul{
        padding-top: 10px;
        text-align:center;
        margin-bottom: 10px;
    }
    .tablet-left {
        text-align: left;
    }
    .half-right {
        padding-left: 0%;
        text-align: left;
    }
    .half-left {
        padding-right: 0%;
        text-align: left;
    }
    .order-white {
        position: relative;
        display: block;
        top: 0px;
        left: 0px;
        font-size: 20px;
        color: #fff;
        text-align: center;
        border-left: none;
    }

    .order-title {
        font-size: 17px;
    }

    .blue-cloud-mobile {
        height: 35px;
        top: -33px;
    }

}


/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
    h2 {
        line-height: 1.4;
    }
    .site-nav ul li {
        display: inline-block;
        background: none;
        background-repeat: no-repeat;
        background-position: right center;
        padding: 17px 6px;
    }

    .site-nav ul li a {
        color: #fff;
        font-size: 14px;
        font-weight: 500;
    }

    .main-banner {
        position: relative;
        background-image: url(../img/main-banner.png);
        background-position: top;
        padding: 47px 0px 0px 0px;
        overflow: hidden;
    }

    .section-two h2 {
        padding-top: 5px;
        margin-top: 5px;
        margin-bottom: 0;
        padding-bottom: 10px;
    }

    .box-thin {
        margin-top: 15px;
    }

    .tab-button {
        margin-top: 22px;  
    }

    .section-three {
        background: #fff;
        padding: 10px 45px 20px;
    }
    .section-sub-title-right {
        margin-right: 0px;
    }
    .check-list {
        margin-left: 0px;
        margin-top: 30px;
        margin-bottom: 25px;
    }
    .check-list li {
        font-size: 16px;
        padding: 9px 5px 11px 40px;
    }
    .last-section {
        padding-bottom: 150px;
    }
    .get-touch, .textwidget, .footer-button-holder {
        text-align: center;
    }
    ul.social-icons {
        padding: 17px 0 3px;
        text-align: center;
    }

    .copyright {
        border-left: none;
    }
    .footer-bottom-list {
        list-style: none;
        padding: 0px 0;
        margin: 0px 0;
        margin-right: 0px;
        padding-top: 5px;
    }
    ul#menu-footer-bottom-menu {
        text-align: center;
    }

    ul.social-icons {
        padding: 17px 0 3px;
        text-align: center;
    }
    .section-six ul {
        margin-bottom: 25px;
    }
    .six-para {
        padding: 0px 0px 15px 0;
    }
    .six-para-right {
        padding: 0px 0px 15px 0;
        text-align: left;
    }
    .webdesign-section-three {
        padding: 45px 45px;
    }

    .icon-top {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        border: 1px solid #ccc;
        margin-bottom: 25px;
    }
    .section-five img, .section-three img {
        margin-top: 0px;
    }

    .icon-box-1 .icon-box-1-description {
        display: none;
    }

    .icon-box-2 h2 {
        color: inherit;
        font-weight: 500;
        font-size: 20px;
        padding: 0px;
        margin: 0px;
        margin-top: 7px;
        margin-bottom: 13px;
    }
    .icon-box-3 {
        margin-top: 0px;
    }
    .ipad-padding-bottom {
        padding-bottom: 25px;
    }

    .pre-footer-style2 h2 {
        font-size: 32px;
        color: #fff;
        margin-bottom: 20px;
    }

    .pre-footer-style2 {
        padding: 10px 45px 20px 45px;
    }

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

    .half-right {
        padding-left: 0%;
        text-align: left;
    }
    .half-left {
        padding-right: 0%;
        text-align: left;
    }

    .button-padding-top {
        margin-top: 230px;
        text-align: center;
    }

    .footer-bottom {
        background: #161616;
        padding: 10px 0px;
        font-size: 12px;
        border-top: 1px solid #2e2e2e;
    }
    .margin-left{
        margin-left:0;
    }

    .banner-text-big {
        font-size: 25px;
    }
    .banner-text-small {
        font-size: 16px;
    }
    .main-banner {
        padding: 30px 0px 0px 0px;
    }

    .small-title-ipad {
        font-size: 29px;
    }

    .ipad-top-bottom-gap {
        margin-top: 10px;
        margin-bottom: 25px;
    }
    .ipad-padding-top {
        padding-top: 30px;
    }
    .url-search-box {
        float: left;
        background: #B8D4F9;
        padding: 40px 40px 10px 40px;
        width: 100%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .url-search-box .btn {
        margin-left: 0px;
    }

    .ipadFieldMargin {
        margin-bottom: 10px;
    }

    .ipadCenterText {
        text-align: center;
    }

    .process-box {
        padding: 5px 0 5px;
    }
    .logopage-sec3 h2 {
        padding-bottom: 0px;
    }

    .order-white {
        position: relative;
        display: block;
        top: 0px;
        left: 0px;
        font-size: 45px;
        color: #fff;
        text-align: center;
        border-left: none;
    }

    .pack-room {
        text-align: left;
    }

    .pack-room img {
        padding: 0px 5%;
        width: 128px;
        height: 82px;
    }
    .pack-room p {
        width: 45%;
        font-size: 28px;
        display: inline;
    }

    .pack-1 h3, .pack-2 h3, .pack-3 h3{
        font-size: 40px;
    }

    .blue-cloud {
        height: 79px;
        top: -76px;
    }

    .left-contact {
        padding: 5px;
    }
    .right-contact {
        padding: 5px;
    }
    .border-shadow-right {
        background: none;
    }
    .right-contact .main-btn {
        border-radius: 0;
        max-width: 700px;
    }

    .contact-itemrow {
        padding: 10px 0;
    }

    .email-mobile {
        font-size: 18px;
    }

    .blog-excerpt-holder {
        border: 1px solid #e8e8e8;
        padding: 13px 25px 13px 25px;
    }
    .select-boxes-group {
        padding: 20px 0px 0;
    }
    .tick-group li {
        font-size: 12px;
    }

    .cost-dollar {
        margin-left: 0px;
        width: 100%;
        padding-left: 0px;
        text-align: center;
        top: -14px;
    }
    .cost-effect-box {
        padding: 22px 0px 10px;
        border: 1px solid #C4C4C4;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-top: 2px solid #5C87C1;
    }

    .bluish-head {
        padding: 10px 20px;
        font-size: 27px;
    }
    .dollar-value {
        font-size: 45px;
        padding-left: 0px;
    }

    .cost-contact .main-btn{
        border-radius: 0;
        max-width: 700px;
    }

    .order-title {
        font-size: 27px;
        font-weight: 600;
    }

    .order-summary-item {
        font-size: 23px;
    }

    .order-item-group {
        padding: 13px 0;
        font-size: 24px;
    }
    .order-price {
        padding: 15px 0;
    }
    .cost-package {
        margin: 0px 0px 70px 0px;
    }

    .order-summary {
        margin-bottom: 25px;
    }
    .mac-book {
        width: 100%;
        max-width: 1000px;
        margin-top: 20px;
    }

    .small-price {
        font-size: 23px;
    }
    .packager {
        margin-bottom: 20px;
    }
    .planPrice {
        font-size: 45px;
        display: block;
        text-align: center;
    }

    .ecommerce-slider-holder {
        width: 358px;
        height: 217px;
        background: blue;
        top: 23px;
        left: 154px;
        position: absolute;
    }
}


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
    h2 {
        line-height: 1.4;
    }
    .site-nav ul li {
        display: inline-block;
        background: none;
        background-repeat: no-repeat;
        background-position: right center;
        padding: 17px 22px;
    }
    .site-nav ul li a {
        color: #fff;
        font-size: 14px;
        font-weight: 500;
    }

    .section-two {
        background: #fff;
        padding: 30px 45px 15px;
        z-index: 333;
        position: relative;
    }

    .section-two h2 {
        padding-top: 5px;
        margin-top: 5px;
        margin-bottom: 0;
        padding-bottom: 10px;
    }

    .tab-button {
        margin-top: 22px;  
    }
    .box-thin {
        margin-top: 20px;
    }
    .check-list {
        margin-left: 0px;
        margin-top: 30px;
        margin-bottom: 25px;
    }
    .check-list li {
        font-size: 16px;
        padding: 9px 5px 11px 40px;
    }

    .last-section {
        padding-bottom: 150px;
    }
    .get-touch, .textwidget, .footer-button-holder {
        text-align: center;
    }
    .footer-bottom-list {
        list-style: none;
        padding: 0px 0;
        margin: 0px 0;
        margin-right: 0px;
        padding-top: 5px;
    }

    ul#menu-footer-bottom-menu {
        text-align: center;
    }

    ul.social-icons {
        padding: 17px 0 3px;
        text-align: center;
    }
    .webdesign-section-three {
        padding: 45px 45px;
    }

    .pre-footer-style2 {
        padding: 10px 45px 20px 45px;
    }
    .half-right {
        padding-left: 0%;
        text-align: left;
    }
    .half-left {
        padding-right: 0%;
        text-align: left;
    }

    .footer-bottom{
        padding: 10px 0px;
    }

    .copyright {
        border-right: none;
        border-left: none;
    }
    .margin-left{
        margin-left:0;
    }
    .banner-text-big {
        font-size: 25px;
    }
    .banner-text-small {
        font-size: 16px;
    }
    .main-banner {
        padding: 57px 0px 0px 0px;
    }

    .url-search-box {
        width: 74%;
    }

    .mobileList {
        font-size: 11px;
    }

    .order-white {
        position: relative;
        display: block;
        top: 0px;
        left: 0px;
        font-size: 18px;
        color: #fff;
        text-align: center;
        border-left: none;
    }
    .right-contact .main-btn {
        border-radius: 0;
        max-width: 600px;
    }

    .left-contact {
        padding: 10px;
        padding-right: 15px;
    }
    .right-contact {
        padding: 10px 10px 10px 0px;
        padding-right: 15px;
    }
    .select-boxes-group {
        padding: 20px 0px 0;
    }

    .cost-dollar {
        padding: 4px 0px;
        margin-top: 44px;
        padding-left: 160px;
        width: 100%;
    }

    .dollar-sign {
        font-size: 37px;
    }

    .dollar-value {
        font-size: 35px;
        padding-left: 0px;
    }

    .cost-package {
        margin: 0px 0px  70px 0px;
    }

    .cost-contact .main-btn{
        border-radius: 0;
        max-width: 700px;
    }
    .part-head {
        font-size: 12px;
    }
    .plus {
        padding: 40px 8px;
    }

    .blue-cloud {
        height: 105px;
        top: -103px;
    }


    .ecommerce-slider-holder {
        width: 485px;
        height: 294px;
        top: 28px;
        left: 200px;
        position: absolute;
    }

}

/*TESTIONIALS*/
.testimonials-box {

    padding: 40px 45px;
}

.testimonials-cloud-holder {
    position: relative; 
}

.testimonials-cloud {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 75px;
    display: block;
}

.testi-circle {
    padding: 45px;
    width: 274px;
    height: 274px;
    background: url('../images/testi-circle.png') center center no-repeat;
}

.testi-text {
    margin-top: 20px;
    margin-right: 20px;
    text-align: center;
}

.testi-text h2{
    font-size: 20px;
    text-transform: uppercase;
    color: #222;
    font-weight: 400;
    margin-bottom: 2px;
    margin-top: 35px;
}
.testi-text h3{
    margin-top: 3px;
    font-size: 18px;
    color: #222;
    font-weight: 300;
}
.testi-linker {
    margin-top: 25px;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 23px;
    border: 1px solid #fec20a;
    text-align: center;
}

.testi-linker:hover {
    background: #fec20a;
}

.testi-linker a {
    color: #012086;
}

.testi-linker a:hover {
    color: #012086;
}

.carousel-control.testi-right {
    padding-top: 0px;
    left: 1008px;
    top: 250px;
    color: #222;
    border: 1px solid #222;
}

.carousel-control.testi-right:hover {
    background: #222;
    color: #fff;
}

.carousel-control.testi-left {
    padding-top: 0px;
    left: 970px;
    top: 250px;
    color: #222;
    border: 1px solid #222;
}

.carousel-control.testi-left:hover {
    background: #222;
    color: #fff;
}

.carousel-control.testi-left, .carousel-control.testi-right {
    background-image: none !important;
}