@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600');
  
html{overflow-x: hidden;    max-width: 100%;    width: 100%;}
  body {
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
    
    overflow-x: hidden;
font-size: 16px;
    line-height: 24px;
    color:#757575;
        width: 100%;
    max-width: 100%;
    position: relative;
  }


  /*---------------------------------------
     TYPOGRAPHY
  -----------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-weight: 300;
    line-height: inherit;
    letter-spacing: -1px;
    font-family: 'Alumni Sans', sans-serif;
  }

  h1 {
    color: #292929;
    font-size: 4em;letter-spacing: 0.5px;
    margin-bottom: 30px;
  }
.agree{display:none!important}
h2 {    color: #ce3232;    font-size: 3em;    padding-bottom: 10px;      line-height: 38px;}
.section-title h2{color: #393939;}

  h3 {
    color: #505050;
    font-size: 2.2em;
    font-weight: 300;
    margin-bottom: 0;letter-spacing: 0.5px;
  }

  h4 {
    color: #696969;
    font-size: 24px;font-weight: 500;
    line-height: normal;letter-spacing: 0.5px;
  }

ul li,
  p {
    color: #757575;
    font-size: 15px;
    font-weight: normal;
    line-height: 25px;
  }

  strong {
    font-weight: 500;
    color:#444;
  }


  /*---------------------------------------
     GENERAL
  -----------------------------------------*/

  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  *:before,
  *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  a {
    color: #252525;
    font-weight: normal;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none !important;
  }

  a:hover, a:active, a:focus {
    color: #ce3232;
    outline: none;
  }

  .section-title {
    margin-bottom: 60px;
  }

  .section-title h2 {
    margin-top: 0;
    margin-bottom: 10px;
    
  }

  .section-title .line-bar {
    color: #d9d9d9;
    display: block;
    font-size: 5em;
    line-height: 0;
  }

  .section-btn {
    background: #ce3232;
    border: 0;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-size: inherit;
    font-weight: normal;
    padding: 15px 10px;
    -webkit-transition: 0.5s;
    transition: 0.5s; margin-right:10px;
  }
  .section-btn a{color:#fff!important}
  .section-btn:hover,
  .section-btn:focus {
    border-color: transparent;
    color: #393939;
  }

  .overlay {
    background: #00F260;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #333, #ccc);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right,#333, #ccc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
    opacity: 0.3;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
  }

  section {
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
  }


.list-unstyled,
.list-unstyled li{    color: #757575;}
.list-unstyled li{padding-bottom:5px}
.list-unstyled li i{color:#ce3232;padding-right:5px;}
    
@media(min-width:1171px) {
#home .container{width:95%}
}
section#home .row{display: flex;
    /* flex-wrap: nowrap; */
    /* flex-direction: row; */
    /* align-content: stretch; */
    /* justify-content: space-around; */
    align-items: center;}


.anglex3d{transform: scale(0.95) perspective(102px) rotate3d(1,10,0,3deg);}
.swim{

    animation: swim .2s  ease-in 1s infinite alternate ;
    position:absolute; top:-20px;transform: scale(0.95);
  }

  @-webkit-@keyframes swim {
  0% {transform: scale(0.8) perspective(102px) rotate3d(1,10,0,3deg);
  }
  50% {
transform: scale(1) perspective(122px) rotate3d(1,10,0,4deg);
  }
  }
  @keyframes swim {
  0% {
  transform: scale(0.95) perspective(102px) rotate3d(1,10,0,3deg);
  top:-20px;transform: scale(0.95)  perspective(102px) rotate3d(1,10,0,3deg);;
  }
  50% {
transform: scale(1) perspective(122px) rotate3d(1,10,0,4deg);
top:20px;transform: scale(1)  perspective(102px) rotate3d(1,10,0,3deg);;
  }
  }
  
  
  
  /*---------------------------------------
       PRE LOADER
  -----------------------------------------*/

  .preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    text-align: center;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: none repeat scroll 0 0 #ffffff;
  }

  .spinner {margin: 0 auto;
    border: 1px solid transparent;
    border-radius: 3px;
    position: relative;
  }
.spinner img{    margin-top: -150px;}
  .spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 45px;
    height: 45px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 1px solid #575757;
    border-top-color: #ffffff;
    animation: spinner .9s linear infinite;
  }


.box-icon-title i:hover {animation: spinner .9s linear infinite;}
  @-webkit-@keyframes spinner {
    to {transform: rotate(360deg);}
  }

  @keyframes spinner {
    to {transform: rotate(360deg);}
  }




/*main#site-content article .entry-header,*/
section#home:after{
position:absolute; bottom:-100px; left:0px;
content:"";display:block;
 transform: rotate(-2deg);
    background: #fff;
    width: 120%;
    margin-left: -10%;
    height: 130px;border-top: 1px solid #777;    z-index: 999;

}
#types{padding-top:70px}
#design{padding-top:60px;padding-bottom:120px}
.padbot30{padding-bottom:30px}
#support{background: #fff;}

#design:before{content:"";
position:absolute; top:0px; left:0px;
transform: rotate(-2deg);
    background: #f0f0f0;z-index: 99;
    width: 120%;
    margin-left: -10%;
    margin-top: -50px;
    height: 130px;border-bottom: 1px solid #e7e7e7;}
#design:after{content:"";border-top: 1px solid #eee;
position:absolute; bottom:-50px; left:0px;
transform: rotate(2deg);
    background: #fff;z-index: 99;
    width: 120%;
    margin-left: -10%;
    height: 130px;}
#types:before{
border-bottom: 1px solid #e7e7e7;
content:"";
position:absolute; top:0px; left:0px;
transform: rotate(2deg);
    background: #fff;
    width: 120%;
    margin-left: -10%;
    margin-top: -50px;
    height: 130px;}
#support .section-title{padding-top:20px;}
#support{
    /*background: radial-gradient(circle, rgba(237,237,242,1) 0%, rgba(255,255,255,0.14889705882352944) 58%, rgba(220,220,221,1) 100%);*/
}
/*#support >.vc_col-sm-12{margin-top:50px}*/
header{padding:20px 0}
body.home header.navbar{padding:80px 0}

body header.navbar.top-nav-collapse{padding:5px 0 5px}


#content.site-content{padding-top: 120px;     padding-bottom: 120px;    overflow-x: hidden;}
body.home #content.site-content{padding-top: 0px; padding-bottom:0px;}
.owl-carousel .owl-item{width:100%}
.owl-carousel .owl-item img{width:90%!important; margin:0 auto}

  /*---------------------------------------
      MENU
  -----------------------------------------*/
/*body .navbar-fixed-bottom,
body .navbar-fixed-top{position:relative}*/

  .custom-navbar {
    border: none;
    margin-bottom: 0;
/*    padding: 25px 0;*/
  }

  .custom-navbar .navbar-brand {
    color: #ffffff;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: -1px;
  }

.custom-navbar  li{position:relative}
.custom-navbar  li span.icon{position:absolute; right:5px; content:'-'}

.custom-navbar .sub-menu{opacity: 0;    visibility: hidden;transform: scale(0.8)  perspective(500px) rotate3d(30,00,0,35deg);
    transition: 0.25s 0.1s;    position: absolute;
    top: 50px;    left: 0px;    min-width: 250px;
    text-align: left;    background: rgba(255,255,255,0.98);
/*border: 1px solid #ccc;*/
    box-shadow: 0px 5px 10px #ccc;
    list-style: none;    margin: 0;    padding: 0;}
    
/*.current-menu-item .sub-menu,*/
.custom-navbar>li:hover> .sub-menu{opacity:1;visibility: visible;transform: scale(1) perspective(000px) rotate3d(00,00,0,0deg); }

.custom-navbar>li> .sub-menu li{border-bottom:1px solid #eee}
.custom-navbar>li> .sub-menu li a{    color: #333;    padding: 7px 10px;    display: inline-block;}

.custom-navbar>li> .sub-menu li.menu-item-type-custom a{    font-size: 15px;
    color: #000;    font-weight: 600;    padding-left: 20px;}
    
.top-nav-collapse {    background: #ffffff;  }

.custom-navbar .navbar-nav.navbar-nav-first {    margin-left: 4em;      margin-top: 0;    padding-top: 0;}
.custom-navbar .navbar-nav.navbar-right li a {    padding-right: 15px;    padding-left: 15px;  }
.custom-navbar .section-btn {
    padding: 15px;
    margin-left: 2em;
  }


  .custom-navbar .section-btn a {
    padding: 0;
  }

  .custom-navbar .nav .section-btn a:hover {
    color: #ffffff;
  }

  .custom-navbar .nav li a {
    font-size: 14px;
    color: #333;
    letter-spacing: -0.5px;
    padding-right: 10px;
    padding-left: 10px;
  }
.custom-navbar .nav>li>a { font-size: 22px;
    font-weight: 400;
    position: relative;
    font-family: 'Alumni Sans', sans-serif;
    letter-spacing: 0.5px;
}

body.home .custom-navbar .navbar-nav-first.nav>li>a:before{background: #fff;}
body.home .custom-navbar.top-nav-collapse .navbar-nav-first.nav>li>a:before{background: #333;}
.custom-navbar .navbar-nav-first.nav>li>a:before{width: 0%;
    content: ' ';
    height: 1px;
    background: #333;
    position: absolute;
    bottom: 5px;
    left: 50%;
    opacity: 0;    visibility: hidden;
    transition: 0.2s;    }

.custom-navbar .navbar-nav-first.nav>li.current-menu-item>a:before,
.custom-navbar .navbar-nav-first.nav>li:hover>a:before{opacity:1;height: 2px; visibility:visible; width: 60%;left:20%;}

body.home .custom-navbar .nav> li> a {    color: #ffffff;}
.custom-navbar.navbar-fixed-top.top-nav-collapse  .nav> li> a {  color: #000;    letter-spacing: 0;}
.custom-navbar.navbar-fixed-top.top-nav-collapse .nav> li> a.section-btn{color:#fff}

.custom-navbar .nav li a:hover {
    background: transparent;
    /*color: #ce3232;*/
  }

header.top-nav-collapse.custom-navbar .nav li a:hover{border-color:#333; color:#333!important}

  .custom-navbar .navbar-nav > li > a:hover,
  .custom-navbar .navbar-nav > li > a:focus {
    background-color: transparent;
  }

  .custom-navbar .nav li.active > a {
    background-color: transparent;
    color: #ce3232;
  }

  .custom-navbar .navbar-toggle {
    border: none;
    padding-top: 10px;
  }

  .custom-navbar .navbar-toggle {
    background-color: transparent;
  }

  .custom-navbar .navbar-toggle .icon-bar {
    background: #252525;
    border-color: transparent;
  }


.navbar-fixed-top {    background: #f0f0f0;}
body.home .navbar-fixed-top {    background: transparent;}
body.home header.top-nav-collapse {    background: #ffffff;}

@media(max-width:767px) {
.vc_col-sm-6.vc_col-sm-3 {    width: 50%; float: left;}
}
@media(min-width:768px) {


    .custom-navbar {
      border-bottom: 0;
      /*background: 0 0;*/
    }

    header.top-nav-collapse {
      background: #ffffff;
      -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      padding: 12px 0;
    }

    .top-nav-collapse .navbar-brand {
      color: #252525;
    }

    .top-nav-collapse .nav li a {
      color: #575757;
    }

    .top-nav-collapse .nav .section-btn a {
      color: #ffffff;
    }
  }


.site-logo img{    transition: 0.5s 0.1s;-webkit-transition: 0.5s 0.1s;width: auto;    height: 50px;}
body.home  .site-logo img{  /*width: 110px; */    height: auto;}
body.home .custom-logo-link img{margin-top: -15px;}
.custom-logo.custom-logo-dark{display:none}
.top-nav-collapse .custom-logo{display:none}
.top-nav-collapse .custom-logo.custom-logo-dark{display:block}



.navbar-fixed-top.top-nav-collapse .custom-logo-link img{    width: auto; height: 53px; margin-top: 0px;}
.top-nav-collapse .custom-navbar { padding: 0px 0;}
.ordertel{margin-top:-17px}
.navbar-fixed-top.top-nav-collapse  .ordertel{margin-top:0px}
.navbar-right {    margin-right: 0px}
.section-title{text-align:center;padding:70px 0 40px}
.navbar-fixed-top.top-nav-collapse .hdcolapse{display:none}


  /*---------------------------------------
      HOME
  -----------------------------------------*/

  #home {
    background: url('/images/1.jpg') no-repeat ;
    background-position: 50% 50%!important;
    background-size: cover;
    vertical-align: middle;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*max-height: 80vh;*/
    height: 80vh;
    min-height: 600px;
    position: relative;
    overflow: hidden;
    padding-top: 10em;
    text-align: left;
  }
#home > .slidertop{     position: absolute;
    bottom: 0;
    max-width: 100%;
    width: 100%;}
    
  #home h1 {
    color: #ffffff;    line-height: 52px;max-width: 680px;letter-spacing: 3.5px;
  }

.custom-navbar .section-btn{border: 2px solid transparent;}
  .home-info .section-btn {
    background: transparent;
    border: 2px solid #f9f9f9;
    color: #f9f9f9;
  }

.custom-navbar .section-btn:hover,
.custom-navbar .section-btn:focus{border: 2px solid #f9f9f9;}
  .home-info .section-btn:hover,
  .home-info .section-btn:focus {
    background: #ce3232!important;
    border-color: transparent;
    color: #ffffff;
  }

  .home-info span {
    display: inline-block;
    vertical-align: middle;
    color: #f9f9f9;
    font-weight: 500;

  }

  .home-info span small {
    display: block;
  }



  /*---------------------------------------
      ABOUT
  -----------------------------------------*/

  #about {
    text-align: left;
    padding-bottom: 0;
  }

  #about .about-info:first-child {
    margin-right: 40px;
  }

  .about-info .section-title {
    margin: 40px 0 40px 0;
  }

  .about-info {
    margin-top: 60px;
  }

  .skill-thumb strong {
    display: inline-block;
    margin-bottom: 10px;
  }

  .skill-thumb .progress {
    background: #ffffff;
    border-radius: 5px;
    box-shadow: none;
    height: 3px;
    margin-bottom: 25px;
  }

  .skill-thumb .progress-bar {
    background: #1f1f1f;
    box-shadow: none;
  }



  /*---------------------------------------
      WORK
  -----------------------------------------*/

  .work-info img {
    width: 100%;
    border-radius: 100%;
  }

  #work .work-thumb {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border-radius: 3px;
  }

  .work-thumb .work-info {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }

  .work-thumb .work-info:after {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    content: "";
    background: #ce3232;
    opacity: 0;
    transition: 0.5s;
  }

  .work-thumb .work-info:hover::after {
    opacity: 0.9;
  }

  .work-thumb .work-info h3,
  .work-thumb .work-info small {
    transform: translateY(100%);
    opacity: 0;
    display: block;
    transition: 0.5s 0.2s;
    color: #ffffff;
    z-index: 2;
    position: relative;
  }

  .work-thumb .work-info small {
    color: #d9d9d9;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 3px;
  }

  .work-thumb:hover .work-info h3,
  .work-thumb:hover .work-info small {
    transform: translateY(0px);
    opacity: 1;
  }



  /*---------------------------------------
      BLOG
  -----------------------------------------*/

  #blog {
    background: #f0f0f0;
  }

  #blog-header,
  #blog-detail {
    text-align: left;
  }

  #blog-header {
    background: url('../images/blog-header-bg.jpg') no-repeat center center;
    background-size: cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 65vh;
    color: #ffffff;
    position: relative;
    padding-top: 12em;
  }

  #blog-header h2 {
    color: #ffffff;
  }

  .blog-thumb {
    background: #ffffff;
    -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    text-align: left;
    margin-bottom: 30px!important;
    height: 350px;
  }

  .media.blog-thumb .media-left {
    width: 45%;overflow: hidden;/*display: block!important;*/
  }
.home-video{max-width: 100%;  /*  text-align: right;*/}
.media.blog-thumb .media-left img{    -webkit-transition: 0.3s;    transition: 0.3s;}
.media.blog-thumb .media-left img:hover{    transform: scale(1.5);}


  .blog-thumb small {
    color: #ce3232;
    font-weight: 500;
    display: block;
  }

  .blog-thumb small .fa {
    margin-right: 5px;
  }

  .blog-thumb h4 {
    margin-top: 2px;
    margin-bottom: 0px;
  }

  #blog-detail h2 {
    padding: 25px 0 10px 0;
  }

  .blog-info {
    padding: 25px 25px 25px 10px;
  }
.blog-info ul{list-style: none;}
  .blog-info h3 {
  
    margin: 0;letter-spacing:0.5px;
    padding: 5px 0 15px 0;
    text-transform: capitalize;
    color: #cd2653;
  }

  .blog-info .section-btn {
    background: #f0f0f0;
    color: #393939;
    margin-top: 20px;
  }

  .blog-info .section-btn:hover {
    background: #00F260;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0575E6, #00F260);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0575E6, #00F260); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #ffffff;
  }


.blog-thumb ul {
    margin: 20px 10px 20px 20px;
    padding: 0;
  }

.blog-thumb ul.list-unstyled {
    margin: 0px 10px 20px 0px;
    padding: 0;
  }
  
  .blog-thumb ul i{color:#cd2653;padding-right:5px;}
  .blog-thumb ul li {
list-style: none;
    font-weight: normal;
    padding: 0px 0px 10px 0px;
    font-size: 14px;
    line-height: 19px;
    color: #595959;
  }

  .blog-social-share {
    text-align: center;
    padding-top: 22px;
  }

  .blog-social-share .btn {
    border-radius: 100px;
    border: none;
    font-size: 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 20px 6px;
    padding: 10px 16px;
  }

  .blog-social-share .btn-primary {
    background: #3b5998;
  }

  .blog-social-share .btn-success {
    background: #1da1f2;
  }

  .blog-social-share .btn-danger {
    background: #dd4b39;
  }

  .blog-social-share a .fa {
    padding-right: 4px;
  }

  .blog-ads {
    background: #f9f9f9;
    border-right: 4px solid #2b2b2b;
    padding: 42px;
    text-align: center;
    margin: 26px 0 26px 0;
  }

  .blog-ads h4 {
    font-size: 18px;
  }



  /*---------------------------------------
      CONTACTS
  -----------------------------------------*/

  #contact {
    background: #00F260;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0575E6, #00F260);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0575E6, #00F260); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }

  #contact .section-title h2 {
    color: #ffffff;
  }

  .google-map {
    border-radius: 100%;
    width: 300px;
    height: 300px;
    overflow: hidden;
    margin: 0 auto;
  }

  .google-map iframe {
    border: 0;
    width: 300px;
    height: 300px;
  }

  #contact .form-control {
    border: 0;
    border-radius: 5px;
    box-shadow: none;
    color: rgba(20,20,20,0.5);
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 15px;
    padding-left: 8px;
  }

  #contact input,
  #contact select {
    height: 55px;
  }

  #contact select {
    color: rgba(20,20,20,0.5);
  }

  #contact input[type='submit'] {
    background: #ce3232;
    border-radius: 100px;
    color: #ffffff;
    font-weight: 500;
  }



  /*---------------------------------------
     FOOTER
  -----------------------------------------*/

  footer {
    background: #000000;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #434343, #000000);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #434343, #000000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    position: relative;
    /*padding-top: 80px;
    padding-bottom: 60px;*/
  }

  footer h2 {
    color: #ffffff;
  }

  .footer-link {
    margin: 0;
    padding: 0;
  }

  .footer-link li {
    display: block;
    list-style: none;
    margin: 5px 10px 5px 0;
  }

  footer p,
  footer span,
  .footer-link li a {
    color: #d9d9d9;
  }

  .copyright-text p,
  .footer-bottom .phone-contact p {
    font-size: 14px;
  }

  .footer-info p {
    /*margin-right: 4em;*/
  }

  .footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.1);
    margin-top: 0em;
    padding-top: 1em;
  }

  .footer-bottom .phone-contact,
  .footer-bottom .social-icon {
    display: inline-block;
    vertical-align: top;
  }

  .footer-bottom .phone-contact {
    margin-right: 40px;
  }

  .footer-bottom .phone-contact span {
    font-weight: 500;
    display: inline-block;
    margin-left: 10px;
  }


  /*---------------------------------------
     SOCIAL ICON
  -----------------------------------------*/

  .social-icon {
    position: relative;
    padding: 0;
    margin: 0;
  }

  .social-icon li {
    display: inline-block;
    list-style: none;
  }

  .social-icon li a {
    border-radius: 100px;
    color: #d9d9d9;
    font-size: 15px;
    text-decoration: none;
    position: relative;
    margin: 5px 10px;
  }

  .social-icon li a:hover {
    color: #ce3232;
  }


  /*---------------------------------------
      MODAL FORM
  -----------------------------------------*/

  @media (min-width: 992px) {
    .modal-dialog {
      width: 720px;
    }
  }


  @media (max-width: 991px) {
    .modal-dialog {
      width: 500px;    margin: 0 auto;
      max-width:94%
    }
  }
  .modal-open .modal {
    padding-left: 0 !important;
  }

  .modal-dialog .modal-content {
    background: #000000;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #434343, rgba(40,40,40,.93));  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #434343, rgba(40,40,40,.93)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border: none;
    border-radius: 2px;
    text-align: center;
    position: relative;
    padding: 2em 2em 0 2em;
  }

  .modal-header, .modal-footer {
    border-bottom: 0;
    padding: 0;
  }

  .modal-dialog .modal-body {
    padding: 0;
  }

  .modal-dialog .modal-body a {
    color: #d9d9d9;
  }

  .modal .close {
    color: #999;
    font-size: 40px;
    font-weight: 300;
    text-shadow: none;
    opacity: 1;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 100;
    outline: none;
  }

  .modal-dialog .modal-title {
    margin-bottom: 0px;
  }
.modal-title img{padding-bottom: 20px;    width: auto;}
#sign_up .col-md-6{padding-bottom:10px;}
  .modal-dialog .modal-title h2 {
    color: #ffffff;margin: 0;    padding: 0;
  }

  .modal-dialog .nav-tabs {
    display: inline-block;
  }

  .modal-dialog .nav-tabs > li > a {
    border: 0;
    color: #999999;
    margin-right: 0;
  }

  .modal-dialog .nav-tabs > li.active > a,
  .modal-dialog .nav-tabs > li.active > a:hover,
  .modal-dialog .nav-tabs > li.active > a:focus,
  .modal-dialog .nav>li>a:focus,
  .modal-dialog .nav>li>a:hover {
    color: #ffffff;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ce3232;
  }

  .modal-dialog .tab-content {
    padding-top: 0;
  }
.sbtxt{    color: #fff;    font-size: 12px;}
  .modal-dialog form .wpcf7-form-control{width:100%;color: #eee;
    border-radius: 5px;
    border: 1px solid #888;
    background: transparent;
    box-shadow: none;
    margin: 15px 0 5px 0;
    height: 50px;    padding: 0 10px;
    max-width: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .modal-dialog form .wpcf7-textarea{height: 100px;padding: 10px;    width: 100%;}

  .modal-dialog form .wpcf7-form-control:hover,
  .modal-dialog form .wpcf7-form-control:focus {
    border-color: #ffffff;
  }

.wpcf7-form-control-wrap.radio-50{text-align:left}
  .modal-dialog form input[type="submit"] {
    background: #ce3232;    width: 100%;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #ffffff;
    margin-top: 20px;
        -webkit-transition: 0.5s;
    transition: 0.5s;
  }
.nob .wpcf7-radio{    border: 0px none!important; height:auto!important;
    color: #fff;    font-size: 14px;    display: block;
    margin: 0!important;
    padding: 0!important;}
.nob .wpcf7-radio .wpcf7-list-item{margin: 0;}
.wpcf7-radio .wpcf7-list-item-label{    color: #ccc;-webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;}
.wpcf7-radio .wpcf7-list-item-label:hover{    color: #fff;}
.nob {padding-top: 10px;}
.nob .sbtxt{font-size: 14px;    text-decoration: underline;display:block; padding-bottom:5px;}
.wpcf7-radio .wpcf7-list-item{display:block}
.nob .wpcf7-radio label{font-weight: 300!important;}
.modal-dialog form input[type="submit"]:hover{
background: transparent;
    border: 1px solid #f9f9f9;
    color: #f9f9f9;
}

/*core*/
img.aligncenter{display: block;    margin: 5px auto 10px auto;    clear: both;}
#faq{margin-top: -50px;padding-bottom:50px;}
.section-inner{display:none}
.lines{    position: relative;margin-bottom: 40px;}
.lines:before{content:""; display:block; position:absolute; top:0px; left:12.5%; height:1px; width:75%; /*background:#ce3232;*/
border:1px dashed  #ce3232}
.box-icon:before{content:""; display:block; position:absolute; top:0px; left:50%; height:25px; width:1px; /*background:#ce3232;*/
border:1px dashed  #ce3232;    z-index: 9;
}

.box-icon-center{text-align:center}
.box-icon-title i{
    width: 65px;    height: 65px;
    line-height: 65px;
    font-size: 24px;
    border: #ce3232 1px solid;
    color: #ce3232;border-radius: 3px; text-align:center;
    margin: 0 auto;
    display: block;
    background: #fff;    position: relative;
    z-index: 9999;

    }
.box-icon h3{color: #cd2653;font-size: 28px;font-weight:400;padding-top: 0;    margin-top: 0;}
.panel-default {    border-color: transparent!important;}
.panel{/*-webkit-box-shadow: none;    box-shadow: none;*/padding: 15px;margin-bottom:5px!important;}
.panel-title {    font-size: 26px; color:#777}
.panel-title a{color: #ce3232;}
.panel-title a.collapsed{color: #777;}

.text-muted {    color: #444;    line-height: 20px;}
.portfolio img{position:relative;max-width:100%;width: 100%;    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;z-index:1;
}
.portfolio .gallery-item:hover img {z-index:2;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.no-gutters>.col, .no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.subtitle{padding: 10px 0 0 0;color: #777;    margin: 0;}
.box-light {
    /*background: linear-gradient(to bottom, #2b97e0 0%,#a1d9f4 100%);*/
    border-radius: 4px;}
.flythumbnail {height:500px;
    overflow: hidden; position:relative;border-radius: 5px;

	background: url(/images/web-gild-developers.jpg) no-repeat center center;
	background-size: cover;
	/*background: -moz-linear-gradient(top, #2b97e0 0%,#a1d9f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b97e0), color-stop(100%, #a1d9f4));
	background: -webkit-linear-gradient(top,#2b97e0 0%,#a1d9f4 100%);
	background: -o-linear-gradient(top, #2b97e0 0%,#a1d9f4 100%);
	background: -ms-linear-gradient(top, #2b97e0 0%,#a1d9f4 100%);
	background: linear-gradient(to bottom, #2b97e0 0%,#a1d9f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b97e0', endColorstr='#a1d9f4',GradientType=0 );*/

}



.flythumbnail img{position:absolute;
 -webkit-animation: moveup 4s infinite linear;
    animation: moveup 4s infinite linear;
}
.flythumbnail img.stp1{opacity:1;   -webkit-animation: moveup 9s infinite linear;    animation: moveup 9s infinite linear;z-index:10;}
.flythumbnail img.stp2{max-width:48px;opacity:0.95; filter: blur(0.5px); -webkit-animation: moveup 13s infinite linear;    animation: moveup 13s infinite linear;z-index:9;}
.flythumbnail img.stp3{max-width:32px;opacity:0.9; filter: blur(0.8px); -webkit-animation: moveup 17s infinite linear;    animation: moveup 17s infinite linear;z-index:8;}
.flythumbnail img.stp4{max-width:24px;opacity:0.85; filter: blur(1px); -webkit-animation: moveup 20s infinite linear;    animation: moveup 20s infinite linear;z-index:7;}
.flythumbnail img.stp5{max-width:24px;opacity:0.8; filter: blur(1.1px); -webkit-animation: moveup 23s infinite linear;    animation: moveup 23s infinite linear;z-index:6;}
.flythumbnail img.stp6{max-width:24px;opacity:0.75; filter: blur(1.2px); -webkit-animation: moveup 26s infinite linear;    animation: moveup 26s infinite linear;z-index:5;}
.flythumbnail img.stp7{max-width:24px;opacity:0.7; filter: blur(1.3px); -webkit-animation: moveup 29s infinite linear;    animation: moveup 29s infinite linear;z-index:4;}
.flythumbnail img.stp8{max-width:24px;opacity:0.65; filter: blur(1.4px); -webkit-animation: moveup 32s infinite linear;    animation: moveup 32s infinite linear;z-index:3;}
.flythumbnail img.stp9{max-width:24px;opacity:0.6; filter: blur(1.5px); -webkit-animation: moveup 35s infinite linear;    animation: moveup 35s infinite linear;z-index:2;}

@-webkit-keyframes moveup {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    /*bottom:-100px;*/
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
     bottom:800px;

  }
}


  /*---------------------------------------
     RESPONSIVE STYLES
  -----------------------------------------*/

@media screen and (max-width: 1199px) {
    .home-info{margin-top: -50px;}
    section#home .row{display: block;}
    .custom-navbar .navbar-nav.navbar-right li a {    padding-right: 10px;    padding-left: 10px;}
    .blog-thumb .media-object img{max-width: none;  width: 122%;margin-left:-11%}

#home h1 {    letter-spacing: 1.5px;
    font-size: 3em;
    line-height: 37px;
    padding: 0;
    margin-top: 0;}

.blog-thumb ul li {    line-height: 16px;    padding: 0px 0px 6px 0px;}

}

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

    .custom-navbar .navbar-nav.navbar-nav-first {
      margin-left: inherit;
    }
  }

  @media screen and (max-width: 991px) {
    #home{height: 100vh;}
    .home-video{ display:none;   max-height: 200px;max-width:400px;    margin: 0 auto;}
    #home > .slidertop {    bottom: 22vh;}
    .home-info span{text-align:left;}
    

body.home .custom-logo-link img{height: 60px;    margin-top: 0;}

.navbar-fixed-top.top-nav-collapse .custom-logo-link img{height: 35px;    margin-top: 3px;}
.top-nav-collapse .navbar-nav>li>a.smoothScroll {    padding-top: 10px;    padding-bottom: 10px;}

body.home header.navbar {    padding: 50px 0;}
body header.navbar.top-nav-collapse{padding:5px 0 5px}
#home h1{max-width: none;}
.custom-navbar .section-btn {    padding: 8px 15px;}
.navbar-nav>li>a {    padding-top: 13px;}
.flythumbnail {    height: 640px;}
.blog-thumb ul li {    line-height: 22px;    font-size: 16px;}
.footer-bottom,
.footer-bottom .text-right{text-align:center}


    /*h3 {      font-size: 1.2em;    }*/

    /*p {      font-size: 13px;    }*/

    #home {
      text-align: center;
    }

    .home-info {
      margin-bottom: 3em;
    }

    .custom-navbar .nav li a {
      font-size: 18px;
      padding-right: 11px;
      padding-left: 11px;
    }

    .custom-navbar .section-btn {
      margin-left: 1em;
    }

    

    .blog-info {
      padding: 45px 25px;
    }

    .media.blog-thumb .media-left {
      /*display: block;
      width: 100%;*/
      padding-right: 0;
      overflow: hidden;
    }

    .media.blog-thumb .media-left {
      height: 250px;
    }

    .media.blog-thumb .media-left img {
      position: relative;
      bottom: 10em;
    }

    #work .work-thumb,
    .footer-thumb {
      margin-top: 20px;
      margin-bottom: 30px;
    }
  }

.ordertel2{display:none}
  @media only screen and (min-width: 640px) and (max-width: 767px) {


    #blog-header {
      height: 100vh;
    }

    .media.blog-thumb .media-left {
      height: 550px;
    }

    .media.blog-thumb .media-left img {
      position: relative;
      bottom: 10em;
    }
  }


@media screen and (max-width: 767px) {
#home {    height: 70vh;}
ul li, p {    font-size: 20px;}
  .ordertel2:hover,
  .ordertel2:focus {background:transparent; color:#fff}

.navbar-toggle .icon-bar {    width: 25px;    height: 3px;}
.navbar-collapse.collapsing,
.navbar-collapse.collapse{background: rgba(255,255,255,.97);
background: -webkit-linear-gradient(to right, #fff, rgba(255,255,255,.93));
    background: linear-gradient(to right, #fff, rgba(255,255,255,.93));
        box-shadow: 0px 0px 15px #ccc;
    color: #333;
    width: 96%;
    left: 2%;
    position: absolute;
    top: 120px;    border-radius: 5px;
    margin: 0;}
/*.top-nav-collapse .navbar-collapse.collapse{    top: 70px;}*/
ul.ordertel{display:none}
.navbar-collapse.collapse a{color: #333!important; font-size:18px;}
.navbar-collapse.collapse ul li{width:100%;}

.site-logo {float: left;}

header.navbar .navbar-header{margin-right: 0;    margin-left: 0;}
.navbar-toggle{margin-right: 0;}
.blog-thumb ul li {    line-height: 20px;    font-size: 15px;}
    
.flythumbnail {    height: 200px;}
.ordertel2{float:right; width: auto!important;padding: 5px 10px!important;    margin-top: 8px!important;}
.navbar-fixed-top.top-nav-collapse .custom-logo-link img {    height: 45px;}
    .custom-navbar {
      /*background: #ffffff;
      -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);*/
      padding: 10px 0;
    }
.custom-navbar .navbar-nav.navbar-nav-first {    margin-left: 0;    width: 100%;margin-bottom:0}
.navbar-nav-first li{text-align:center;border-bottom: 1px solid #eee;}
.navbar-nav-first li:last-child{border-bottom:0px none;}
.navbar-nav-first li a{font-size:26px!important; padding-top: 10px;    padding-bottom: 10px;}
/*.top-nav-collapse .navbar-nav>li>a.smoothScroll {    padding-top: 10px;    padding-bottom: 10px;}*/

    .custom-navbar .nav li a {
      line-height: normal;
      padding: 5px;
    }

    .custom-navbar .navbar-brand,
    .top-nav-collapse .navbar-brand {
      color: #252525;
      font-weight: 600;
    }

    .custom-navbar .nav li a,
    .top-nav-collapse .nav li a {
      color: #575757;
    }

    .custom-navbar .navbar-nav.navbar-right li {
      display: block;
    }

    .custom-navbar .section-btn {
      display: block !important;
      width: 50%;
      margin: 10px auto 10px auto;
      padding: 10px;
    }

    .custom-navbar .section-btn a {
      color: #ffffff !important;
    }

    .home-info span {
      margin-top: 20px;
    }

    #about .about-info:first-child {
      margin-right: 0;
    }

    .about-info {
      margin: 40px 0 40px 0;
    }

    .google-map {
      margin-top: 50px;
    }

    footer {
      text-align: center;
    }

    .footer-info p,
    .footer-bottom .phone-contact {
      margin-right: 0;
    }
  }

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

    h1 {
      font-size: 2em;
    }
.blog-thumb{height: auto;}
    .media.blog-thumb .media-left {
      height: 320px;    width: 100%;
    overflow: hidden;
    display: block;
    }
.blog-info{display: block;width: 100%;}
    .media.blog-thumb .media-left img {
      position: relative;
      bottom: 6em;
    }
.blog-info h3{    font-size: 3em;line-height: 40px;}
.blog-thumb ul li {
    line-height: 34px;
    font-size: 21px;
    padding-bottom: 12px;
  }



@media screen and (max-width: 480px) {
.navbar-fixed-top.top-nav-collapse .custom-logo-link img,
body.home .custom-logo-link img {    height: 36px;    margin-top: 10px;}
.blog-thumb {    height: auto;}

}