/* Enter Your Custom CSS Here */

.viewnext{font-size:18px;
}


/* contact form------------------------------------- */
.interested{font-size:22px!important;}
.socialmedia{width:254px;
  height:50px;
  margin: 0 auto;
  display:block;

  
}


.centerit{ position:absolute;
      margin-left:44%;
  margin-top:-160px;
  
}

.contacticons: display:block;
 align:center;



.form-control{ border-left-color:#ffffff;
  border-right-color:#ffffff;
  border-top-color:#ffffff;
}


.form-group{width:80%;
  display: block;
    margin: 0 auto;
height:75px;}

.wpcf7 input[type="text"], .wpcf7 input[type="email"],
.wpcf7 textarea {height: 60px;
  
  border-bottom:1px solid #74cdd6;
  font-size:24px;}


.wpcf7 input[type=”text”]::-webkit-input-placeholder,
.wpcf7 input[type=”email”]::-webkit-input-placeholder,
.wpcf7 textarea::-webkit-input-placeholder {
color: #000000;
 
}


.form-control {
    border: 0;
}

.wpcf7 input::-webkit-input-placeholder {
   color: #000000;
}
input::-moz-placeholder {
	color: #000000;
	text-transform: uppercase;
}
input:-moz-placeholder {   /* Older versions of Firefox */
	color: #000000;
	text-transform: uppercase;
}
input:-ms-input-placeholder { 
	color: #000000;
	text-transform: uppercase;
}
  

.wpcf7 input[type="submit"] {
padding: 12px 20px;
border-top: solid 1px #d2d2d2;
border-left: solid 1px #c3c3c3;
border-right: solid 1px #c3c3c3;
border-bottom: solid 1px #9f9f9f;
  background: #ffffff;}


.btn .btn-large .btn-primary{color:#aa77cc;
  background-color:#aa77cc;
}


#buttonsend{ 
   border-bottom:2px solid #74cdd6;
    border-top:2px solid #74cdd6;
    border-left:2px solid #74cdd6;
    border-right:2px solid #74cdd6;
    display: block;
    margin: 0 auto;
  margin-top:40px;
  font-size:18px;
  font-weight:500;
}


#buttonsend:hover{ background:#74cdd6;
  color:#ffffff;
   border-bottom:2px solid #74cdd6;
    border-top:2px solid #74cdd6;
    border-left:2px solid #74cdd6;
    border-right:2px solid #74cdd6;
  
 
}


/* contact form END------------------------------------- */







html{overflow-x:hidden;
}



.gsfullwidth1{width:1960px;
  position:relative;
  left:-420px;

 

}






.linespacing{line-height:2px;
  color:#74cdd6;
  line-height: 24px; font-weight: 600;
  font-size: 26px;
}


.footer-group-section { 
  background-color: #ffffff; 
  border-top: 1px solid #ccc;
  color: #000000;
} 
.footer-group-section.footer-section { display:none; }
#bottom-logo{ display:none; }


.liness{max-width:100%;
  height:2px;
    background-color: #aa77cc;
}
.maxwidthset{max-width:100%
}

.vc_column-inner {
    box-sizing: border-box;
    padding-left: 0px!important;
  padding-right: 0px!important;}


.expand-width .container{ width:100%; padding:0 !important; margin-right:0px !important;}
}



.bx-viewport{overflow:visible!important;
}



.single-portfolio #jpreOverlay #jpreLoader #jpreBar{
    background-color:#74cdd6 !important;
}

#jpreBar {background-color:#74CDD6; }




.hero-section .hero-logo { max-height:750px !important; 
    top:255px !important;}

   
.hero-buttons{visibility: hidden;}


.video-volume-toggle{visibility: hidden;}

.navbar-default .navbar-nav>li>a:hover { color:#74cdd6; }
.header-section .social-media-links > li > a { border-color:#74cdd6; color:#636466; }
.header-section .social-media-links > li > a:hover { border-color:#636466; color:#74cdd6; }
.header-section .navbar-nav > li > a, .content-post .post-title a { font-weight:600;}



p{  letter-spacing:1px;


}

h1{color:#74cdd6;
  font-weight: 300;
  font-size:28px;
  letter-spacing:2px;
}


.servicesfont{color:#ffffff;
    font-size:36px; 
  font-weight: 500;
}

.lightblue{color:#a7dce2;
 
}
.servicetitle{ color:#74cdd6;
  font-size:36px; 
  font-weight: 500;
}

h3{font-weight: 400;
  font-size:28px;
  letter-spacing:2px;
  margin-top: -10px;
  line-height:30px;}


h2{color:#636466;
  font-weight: 400;
  font-size:20px;
  letter-spacing:2px;
}


.bullet li {font-family: Raleway;
  font-size:20px;
  line-height:15px;
    color: #636466;
    list-style-type: none;
  padding-left:20px;
}

.bullet li:before {
    content: '\2022';
    color: #74cdd6;
    padding-right: .5em;
   font-size:2.5em;
  position:relative;
    top:11px;
  
}




div.header-separator:nth-child(4){visibility: hidden;}


/* -------------------nav main menu positioning----------------------------------- */



@media (min-width:1920px) and (max-width:3000px){
    #menu-main{
         position:absolute;
        left:50%;
        margin-left:13%;
    }
}



@media (min-width:1650px) and (max-width:1920px){
    #menu-main{
         position:absolute;
        left:50%;
        margin-left:6%;
}
}
@media (min-width:1450px) and (max-width:1650px){
    #menu-main{
        position:absolute;
        left:50%;
        margin-left:1%;
    }

}
@media (min-width:1225px) and (max-width:1450px){
    #menu-main{ 
        position:absolute;
        left:50%;
        margin-left:-8%;
    }
}

@media (min-width:991px) and (max-width:1225px){
    #menu-main{
        position:absolute;
        left:50%;
        margin-left:-21%;
    }




}















/* ------------nav main menu positioning--------------------/* ------

/* ------
@media (min-width:1650px) and (max-width:1920px){
    #menu-main{
        position:absolute;
        left:50%;
        margin-left:-14%;
    }
}
@media (min-width:1450px) and (max-width:1650px){
    #menu-main{
        position:absolute;
        left:50%;
        margin-left:-17%;
    }
}
@media (min-width:1225px) and (max-width:1450px){
    #menu-main{
        position:absolute;
        left:50%;
        margin-left:-22%;
    }
}
@media (min-width:991px) and (max-width:1225px){
    #menu-main{
        position:absolute;
        left:50%;
        margin-left:-30%;
    }
}

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


/* -------------------BULLET RESPOSIVENESS----------------------------------- */



@media (min-width: 990px) and (max-width:1199px){

#bulletsrow {
   
  position:relative;
    top:51px;
  margin-bottom:30px;
  
}

.bullet li {font-family: Raleway;
  font-size:20px;
  line-height:15px;
    color: #636466;
    list-style-type: none;
   position:relative;
 
}

.bullet li:before {
    content: '\2022';
   
 font-size:2.5em;
  position:relative;
    top:11px;
left:5px;
}

}



@media (min-width: 767px) and (max-width:990px){


#bulletsrow {
   
 
  position:relative;
    top:51px;
  margin-bottom:30px;
  
}

.bullet li {font-family: Raleway;
  font-size:14px;
  line-height:15px;
   
    list-style-type: none;
   position:relative;
 
}

.bullet li:before {
    content: '\2022';
  
 font-size:2.5em;
  position:relative;
    top:8px;
left:5px;
}

}


@media (min-width: 500px) and (max-width:767px){

#bulletsrow {
  position:relative;
    top:51px;
  margin-bottom:30px;
  
}


.gap{ margin-top:-33px!important;}

.bullet li {font-family: Raleway;
  font-size:16px;
  line-height:15px;
    color: #636466;
    list-style-type: none;
   position:relative;
 
}

.bullet li:before {
    content: '\2022';
   
 font-size:2.5em;
  position:relative;
    top:11px;
left:5px;
}


  .iconsize{width:170px;
    height:170px;
    margin: auto;
}

.servicetitle{ 
  font-size:24px; 
  
}

h3{   line-height:22px;
  font-size:18px; 
  
}





}


@media (min-width: 300px) and (max-width:500px){

#bulletsrow {
  position:relative;
    top:51px;
  margin-bottom:30px;
  
}


.gap{ margin-top:-33px!important;}

.bullet li {font-family: Raleway;
  font-size:16px;
  line-height:15px;
    color: #636466;
    list-style-type: none;
   position:relative;
 
}

.bullet li:before {
    content: '\2022';
 
 font-size:2.5em;
  position:relative;
    top:11px;
left:5px;
}


  .iconsize{width:120px;
    height:120px;
    margin: auto;

}


.servicetitle{ 
  font-size:24px; 
  
}

h3{ font-size:18px; 
   line-height:22px;
}


}




/* ------------portfolio section------------------------------------------------ */


.portfolio-grid-post-view-project-button { display:none; }



.wpb_willow_portfolio_grid .portfolio-grid-filter a{color:#000000;  
  font-weight:600;
  border-color:#74cdd6;

}

.wpb_willow_portfolio_grid .portfolio-grid-filter a:hover, .wpb_willow_portfolio_grid .portfolio-grid-filter a.active {
background-color:#636466;
border-color:#636466;
color:#a7dce2;
}


.wpb_willow_portfolio_grid .portfolio-grid-post-wrapper {border: 1px solid #dad7d7;
}


.portfolio-grid-post{
    padding-left:10px;
    padding-right:10px;
  margin-top:-30px;
}

a.portfolio-grid-hover{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:99;
}
a.portfolio-grid-hover:hover{
    background:#000000;
    opacity:.45;
}

.btn.btn-black { color:#000000;
  font-weight:600;
  border: 1px solid #74cdd6;}

.btn.btn-black:hover {
    background-color: #636466;
    color: #a7dce2;
}
  



.porttitle{font-family: Raleway;
  color:#ffffff;
  font-size:60px;
  letter-spacing:2px;
  line-height:64px;
  font-weight:300;
}

.portmain{color: #464547;
  font-size:26px;
  letter-spacing:2px;
  font-weight:600;
}

.portsmall{color:#ffffff;
  font-size:20px;
  letter-spacing:2px;
line-height:-20px !important;
  font-weight:300;
}



/* ------------portfolio section END----------------------------------- */























/* ------------MOBILE--------------------------- */
    
    
@media only screen and (max-width: 670px) {   
  
.portfoliocaption{  font-size: 10px;
      line-height:12px;
 
}
 
  .hero-text-content {
  width: 250px;
  height: 250px;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;}
    

  .testfont{font-size:17px!important;}
  .spacemobile{height:165px!important;}
    .spacemobile3{height:150px!important;}
   .interested{font-size:17px!important;}
  
  
  
  h1{font-size:20px;}


.servicesfont{ font-size:26px; }

  .porttitle{
  font-size:40px;

  line-height:44px;
 
}






}