/*



Theme Name: Creativa Guides



Theme URI: https://creativaguides.com



Author: the CSW Team



Author URI: http://cswtechnologies.com



Description: Custom theme



*/







html, body {height: 100%;}



body{background:#2a2a2a; color:#bbbbbb; font-size:12px; font-family: 'montserratregular';}



@font-face {

    font-family: 'montserratbold';

    src: url('fonts/montserrat-bold_0.eot');

    src: url('fonts/montserrat-bold_0.eot?#iefix') format('embedded-opentype'),

         url('fonts/montserrat-bold_0.woff2') format('woff2'),

         url('fonts/montserrat-bold_0.woff') format('woff'),

         url('fonts/montserrat-bold_0.ttf') format('truetype'),

         url('fonts/montserrat-bold_0.svg#montserratbold') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'montserratregular';

    src: url('fonts/montserrat-regular_0.eot');

    src: url('fonts/montserrat-regular_0.eot?#iefix') format('embedded-opentype'),

         url('fonts/montserrat-regular_0.woff2') format('woff2'),

         url('fonts/montserrat-regular_0.woff') format('woff'),

         url('fonts/montserrat-regular_0.ttf') format('truetype'),

         url('fonts/montserrat-regular_0.svg#montserratregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

ul{padding:0;}

a{color:#ff7c00;}

a:hover{color:#fff; text-decoration:none;}

img{max-width:100%; vertical-align:middle;}

p{line-height:18px;}

h1{color:#002e6f; font-size:38px; font-family: 'open_sanssemibold'; text-transform:uppercase;}

h3{color:#ff8000; font-size:15px;} 

.logobotcont{margin-top:140px!important;}

.cm-text h3 a{color:#ff8000; text-decoration:none;}

.mrg-bt{margin-bottom:20px;}

.pad-0{padding:0;}

.mrg-0{margin:0;}



.hm-slider{margin:0;}

  .hm-slider h4{font-size:14px; margin-bottom:15px;}

  .hm-slider h4 span{color:#808080;}

  .hm-slider .slider{float:left; margin:0 5px 0 42px;}

  .hm-slider .slider img{margin:0 0 3px;}

  .hm-slider .slider p{font-size:11px; text-align:right;}

  .hm-slider .hm-logo{float:left; margin:0 0 0 5px;}



.container{padding-left:0; padding-right:0;}

header{background:#2a2a2a; position:fixed; top:0; padding:20px 0 0; width:100%; z-index:10;}

  .logo{margin:0; padding:0 0 50px; text-align:center; vertical-align:middle;}

  

.cat-text{color:#828282; font-size:13px; margin:125px auto -35px; width:310px;}

.cat-text span{color:#fff; display:block;}

#sticky-anchor{height:/*65px*/ 100px;}

.fixed{top:70px!important; z-index:9 !important; background:#2a2a2a;}

/*.fixed .cat-text{display: none;}*/

.fixed header{padding: 20px 0 0;}

.fixed .navbar{margin: 0;}

.fixed .logo{padding: 0 0 20px;}



.header .container{width: 1090px;}

.city-menu{margin:0 5px 0 0; display:none;}

.city-menu ul{margin:0; padding:0;}

.city-menu ul li{list-style:none; font-size:14px; text-transform:uppercase;}

.city-menu ul li a{color:#ff7c00; display:block; padding:6px 0;}

.city-menu ul li a:hover{color:#fff;}

.city-menu ul li ul{display:none; position:absolute;}

.city-menu ul li:hover ul{display:block;}


.city-menu-1{margin:0 5px 0 0;}
.city-menu-1 ul{margin:0; padding:0;}
.city-menu-1 ul li{list-style:none; font-size:14px; text-transform:uppercase;}
.city-menu-1 ul li a{color:#ff7c00; display:block; padding:6px 0;}
.city-menu-1 ul li a:hover{color:#fff;}
.city-menu-1 ul li ul{display:none; position:absolute; text-align:left; width:150px;}
.city-menu-1 ul li:hover ul{display:block;}

.navbar-default{margin:0; text-align:center;}

.navbar-default{color: #fff; background-color: inherit; border:none;}

.navbar-default .navbar-nav{float:none;}

.navbar-default .navbar-nav > li{font-size:14px; text-transform:uppercase; letter-spacing:-0.5px; float:none; display:inline-block;}

.navbar-default .navbar-nav > li > a{border-bottom:1px solid transparent; color:#828282; padding:6px 6px 15px 6px;}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li:hover a{border-color:#fff; color:#fff;}

.navbar-default .navbar-nav > .dropdown > a .caret{border-top-color: #fff; border-bottom-color: #fff;}

.navbar-default .navbar-brand{color:#fff;}

.menu-large {position: static !important;}

.megamenu{padding: 20px 0px; width:100%; top:85%;}

.megamenu> li > ul{padding: 0; margin: 0;}

/*.megamenu> li > ul > li*/ .megamenu li > ul > li{list-style: none; float:left; width:50%;}

.megamenu li > ul > li > a{display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #828282 !important; white-space: normal;}

.megamenu li ul > li > a:hover, .megamenu li ul > li > a:focus{text-decoration: none; color: #fff !important; background-color: #828282;}

.megamenu.disabled > a, .megamenu.disabled > a:hover, .megamenu.disabled > a:focus{color: #999999;}

.megamenu.disabled > a:hover, .megamenu.disabled > a:focus{text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed;}

.megamenu.dropdown-header{color: #428bca; font-size: 18px;}

.navbar-default .dropdown-menu{background-color:#1f1f1f; min-height:190px;}

/*.navbar-default .dropdown-menu{font-size:10px;}*/

@media (max-width: 768px) {

   

  .megamenu{margin-left: 0; margin-right: 0;}

  .megamenu> li{margin-bottom: 30px;}

  .megamenu> li:last-child{marxgin-bottom: 0;}

  .megamenu.dropdown-header{padding: 3px 15px !important;}

  .navbar-nav .open .dropdown-menu .dropdown-header{color:#fff;}

  .menu-large{position:relative !important;}

   

}



.menu-sl-detail{font-size:11px; margin:23px 0 0 0; line-height: 15px;}

.menu-sl-detail h4{font-size:11px; margin:10px 0 0; text-transform: none; line-height: 15px;}

.menu-sl-detail p{font-size:11px; color:#828282; margin:0; text-transform: none; line-height: 15px;}

.menu-sl-detail a{color:#ff7c00 !important;}

.menu-sl-detail a:hover{color:#fff !important;}



.top-right{float:right; margin:0 0 0 20px; width:30%}

.top-right p{color:#828282; font-size:14px;}



.banner{position:relative; z-index:8;}

.banner img{display:block; margin:auto;}



.listing-sec{margin:0;}

  .cm-text{border-bottom:1px solid #444444; margin:0 0 30px; padding:0 0 40px; overflow:hidden;}

  .detail-cm{margin:0; width:65%;}

  .dt-div{overflow:hidden;}

  .dt-div .cm-link{float:left; width:55%;}

  .dt-div .cm-phone a{color:#fff;}

  .image-cm{float:right; margin:0 0 10px 20px;}

  .image-cm-full{padding: 20px 0 0; text-align: right;}

    

footer{color:#fff; font-size:14px; padding:30px 0;}  

  footer p{font-size:10px; text-align:center; line-height:12px;}

  footer ul{margin:0 0 20px; padding:0;}

  footer ul li{display:inline-block; list-style:none; padding:0 25px 0 0;}

  .fixed {position: fixed; width:100%;top: 0;z-index:99999;}

  

  

  /*menu slider css*/

  .carousel-fade {

    .carousel-inner {

        .item {

            transition-property: opacity;

        }

        

        .item,

        .active.left,

        .active.right {

            opacity: 0;

        }



        .active,

        .next.left,

        .prev.right {

            opacity: 1;

        }



        .next,

        .prev,

        .active.left,

        .active.right {

            left: 0;

            transform: translate3d(0, 0, 0);

        }

    }



    .carousel-control {

        z-index: 2;

    }

}

  /*menu slider css ends*/

  

.right-ptext form label{font-weight:normal;}

.right-ptext form .form-control{font-size: 13px; height: 28px; padding: 5px 12px;}

.right-ptext form textarea{height: 90px !important;}

.right-ptext form .btn-submit{color: #4b4b4b !important; font-size: 14px; padding: 2px 20px; text-transform: uppercase;}  



.select-bx{color: #575757; font-size: 13px; height: 28px; line-height: 1.42857; padding: 5px 12px; width: 100%;}



/***** responsive css *****/



	/* Smartphones */

@media (min-width: 320px) and (max-width: 480px) {

   

    .nav-sec{margin:0 0 20px; float:none;}

	.sub-nav{border-bottom:1px solid #828282; float:none; margin:0 0 10px; overflow:hidden; width:auto;}

	.sub-nav ul li{float:none; width:auto;}

	.top-right{float:none; margin:0; width:auto;}

	.name-cm{float: none !important; width: 100%;}

	.image-cm{float:none; margin:0;}

	.detail-cm{float: none !important; width: auto;}

	.dt-div .cm-link{float:none; width:auto;}	

	.header .container{width:auto;}

	.city-menu{position:absolute; top:0; width:100%; z-index:10; display:block; margin-left:15px; text-align:left;}

	.navbar-toggle{z-index:11;}

	.navbar .navbar-collapse{float:none !important;}

	.carousel-inner{width:auto;}

	.navbar-default .navbar-nav > li > a{padding:6px;}

	.container{padding-left: 15px; padding-right: 15px;}	

	.hm-slider .slider{float: none; margin: 0 auto; width: auto;}

	.hm-slider .hm-logo{float:none; text-align:center;}	
	.navbar-default .navbar-nav > li{display:block;}
	.city-menu-1{display:none !important;}	
	.navbar-default{text-align:left;}
	.megamenu li > ul > li{float:none; width:auto;}
	.megamenu .col-sm-6{overflow:hidden;}	

   

}



/* Smartphones to Tablets */

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

   

    .nav-sec{margin:0 0 20px; float:none;}

	.sub-nav{border-bottom:1px solid #828282; float:none; margin:0 0 10px; overflow:hidden; width:auto;}

	.top-right{float:none; margin:0; width:auto;}

	.name-cm{float: none !important; width: 100%;}

	.detail-cm{float: none !important; width: auto;}

	.dt-div .cm-link{float:none; width:auto;}

	.header .container{width:auto;}

	.city-menu{position:absolute; top:0; width:100%; z-index:10; display:block; margin-left:15px; text-align:left;}

	.navbar-toggle{z-index:11;}

	.navbar .navbar-collapse{float:none !important;}

	.carousel-inner{width:auto;}	

	.navbar-default .navbar-nav > li > a{padding:6px;}

	.container{padding-left: 15px; padding-right: 15px;}	

	.hm-slider .slider{float: none; margin: 0 auto; width: 430px;}

	.hm-slider .hm-logo{float:none; text-align:center;}	
	.navbar-default .navbar-nav > li{display:block;}
	.city-menu-1{display:none !important;}	
	.navbar-default{text-align:left;}
	.megamenu .col-sm-6{overflow:hidden;}

   

}



/* Tablets */

@media (min-width: 768px) and (max-width: 959px) {

 

     

	.nav-sec{margin:0 0 20px;}

	.sub-nav{width:49.8%;}

	.top-right{width:47%;}

	.dt-div .cm-link{float:none; width:auto;}

	.navbar-default .navbar-nav > li{font-size:10px;}

	.city-menu ul li a{font-size:10px; padding:9px 0 0;}

	.navbar-default .navbar-nav > li > a{padding: 6px 3px 22px;}

	.header .container{width:750px;}

    .menu-large{position:static !important;}	

	.container{padding-left: 15px; padding-right: 15px;}

	.hm-slider .slider{float: none; margin: 0 auto; width: 500px;}

	.hm-slider .hm-logo{float:none; text-align:center;}
	.megamenu li > ul > li > a{font-size:10px; padding:3px 15px;}

	

}



/* Desktop */

@media (min-width: 960px) and (max-width: 1170px) { ... }



/* Large Display */

@media (min-width: 1366px) { 

   

  .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img{background-size:auto auto !important;} 



}