/* #BASIC--------------*/ *{margin:0; padding:0;} * { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box } a { transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; -o-transition:all .4s ease; -ms-transition:all .4s ease; color:#6b6b6b; } img.grayscale { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } img.grayscale:hover { filter: none; -webkit-filter: grayscale(0%); } img{border:none;} li {list-style:none outside;} h1{ font-size:34px;font-weight:900;} h2 {font-size:30px; font-weight:300; text-transform:uppercase; } h3{font-weight:400; font-size:20px;} label{font-size:13px; color:#6b6b6b; } h1, .h1, h2, .h2, h3, .h3 { margin-bottom:20px; margin-top: 0; } .title{ position:relative; margin-bottom:10px; margin-bottom:30px;} .title h2 span{font-weight:700;} input, label{ font-family: 'Open Sans', sans-serif; font-weight:400;} #fixed{position:relative; z-index:1000;} figure{margin-bottom:20px;} a:focus, a, object, embed {outline: none;} a:focus, a:hover {text-decoration: none;color: #0d4c86;} :focus, :active {-moz-outline-style: none; outline:0 none !important;} ::-moz-focus-inner {border:0;} ul, ol {margin: 0; padding: 0;} ul, ol, li {list-style: none;} p {margin: 0;} .logo a{ font-weight:800; font-size:26px; display:block; color:#2c3e4f; margin-top:16px; text-transform:uppercase; } .logo a span{ display:inline-block; color:#cb3f35;} img{ max-width:100%; height:auto;} .padd_Right0{padding-right:0;} .padd_Left0{padding-left:0;} .padd_Both{padding-left:0; padding-right:0;} .padd_top50{padding-top:50px;} .padd_btm50{padding-bottom:50px;} .padd_both50{padding-top:50px; padding-bottom:50px;} .padd_both40{padding-top:40px; padding-bottom:40px;} .alignleft{float:left;} .alignright{float:right;} .menu_responsive{ color: #fff; display: none; font-size: 21px; font-weight: bold; line-height: 28px; margin-top: 5px; padding: 10px 0 10px 15px; text-transform: uppercase; } .readbtn{ width:122px; height:45px; text-align:center; background:#e54d42; line-height:45px; display:inline-block; color:#fff; margin-top:20px; } .readbtn:hover, .readbtn:focus{background:#cb3f35; color:#fff; } body {font-size:14px; line-height:22px; ont-family: 'Open Sans', sans-serif; color:#555555; } input{border:none;} :focus{ outline:none;} ::placeholder{ color:#73b8ff;} /*header part*/ header{background:url(../images/header_bg.jpg) no-repeat left top; width:100%; background-size:cover;} .top_bar{min-height:40px; font-size:13px; background:#2c3e4f; color:#8aa6c1; } .top_bar a{color:#8aa6c1;} .top_bar .left{} .top_bar .left ul li{display:inline-block; line-height:40px; padding: 0 12px; } .top_bar .left ul li:first-child{padding-left:0;} .top_bar .left ul li span{ font-size:16px; margin-right:10px;} .top_bar .right{float:right; line-height:40px; width: 44%;} .top_bar .right ul{float:left;} .top_bar .right ul li span{margin-right:10px;} .top_bar .right .social_media{font-size:18px;} .social_meida a { margin-left:5px; display:inline-block; width:25px; height:25px;} .social_meida a span{ display:block; height:100%; text-align:center; line-height:25px; color:#fff;} .social_meida a:hover span.fa-facebook{background:#537bbd;} .social_meida a:hover span.fa-twitter{background:#78cdf0;} .social_meida a:hover span.fa-google-plus{background:#f5564b;} .middle{padding:14px 0;} .middle_right{margin-top:20px;} .middle_right .search{float:left; border:1px solid #d9d9d9; padding:4px;} .middle_right .search .fa-search{color:#8b8b8b; position:relative; left:-6px;} .middle_right .search input[type="submit"]{ left: 18px; background:transparent; position: relative;text-indent: -9999px; width: 30px;} /*header part end*/ /*nav part start*/ /*mega menu*/ .dropdown-menu{border:none; box-shadow:none; background-color:#e54d42; padding:0; border-radius:0 !important;} .dropdown-menu > li > a{color:#fff; padding:6px 20px;} .dropdown-menu > li { border-bottom: 1px solid #f5564b;} .navbar{min-height:50px !important;} .navbar-default .navbar-toggle .icon-bar {background-color: #ddd;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #cb3f35 ; } .navbar-default .navbar-toggle:hover{border-color:#cb3f35 ;} .navbar-nav > li > a{ font-size:14px; line-height:50px; padding: 0 13px !important;} .navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:transparent;} .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin-left:-15px; margin-right:-15px;} .navbar{background:transparent !important; margin-bottom:0; border:none; border-radius: 0;} .navbar-inverse{background-color:transparent !important; border-color:transparent !important;} .navbar-default .navbar-nav > li > a{border-bottom:transparent;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#5e5e5e; border-bottom:1px solid #e54d42;} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background-color:#f5564b; color:#fff;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: transparent !important; border-bottom:1px solid #e54d42; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{ background-color: transparent !important; border-color: #6aca00 !important; color:inherit !important;} .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown-menu{left:0; right:inherit;} .nav li:hover > .dropdown-menu{display:block;} /*mega menu*/ /*nav part end*/ /*banner*/ .tp-bannertimer{height:1px !important; background:#4f5265 !important;} .tp-caption.modern_big_redbg {background-color:rgba(44, 62, 79, 0.8); text-transform:uppercase; padding:0 20px; font-weight:800; min-height:67px; line-height:67px; font-size:30px; width:453px;} .tp-caption.modern_m_bluebg {background-color:rgba(229, 77, 66, 0.5); padding:0 20px; font-weight:800; width:453px; min-height:57px; line-height:67px; font-size:30px; text-transform:uppercase;} .modern_m_bluebg_text{color:#fff; text-align:right;} .modern_m_bluebg_text a{display:inline-block; background:#e54d42; color:#fff; width:123px; height:46px; line-height:46px; text-align:center;} .modern_m_bluebg_text a:hover{background:#c13e35; color:#fff;} .tp-rightarrow.default{ background:url(../images/right_arrow.png) no-repeat left top; height:52px; width:52px; display:inline-block; right:30px !important} .tp-leftarrow.default{ background:url(../images/left_arrow.png) no-repeat left top; height:52px; width:52px; display:inline-block; left:30px !important;} /*banner*/ /*testimonials*/ .carousel-control.left, .carousel-control.right{background-image:none;} .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{ top:230px !important;} .carousel-control .icon-prev, .carousel-control .fa-long-arrow-left{ left:530px; position: absolute; top:220px; } .carousel-control .icon-next, .carousel-control .fa-long-arrow-right{position: absolute; top:220px; right: 530px;} .carousel-control span{display:inline-block; background:#e54d42; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; width:35px; height:35px; color:#fff; box-shadow:none; line-height:35px;} .carousel-inner .thumbnail{border:none;} /*welcome*/ .welcome{} .welcome_holder{ text-align:center; padding-bottom:70px;} .welcome .title h2{text-align:center;} .service_block{ text-align:center;} .service_block h3{font-size:18px; font-weight:bold; color:#555555;} /*help*/ .help {background:url(../images/help_bg.jpg) no-repeat center top; height:408px;} .help_holder{} .help_holder .title{margin-bottom:20px;} .help_support{font-size:18px; line-height:27px; } .help_block{border:2px solid #e54d42; text-align:center; padding:20px; background:none;} /*awarness*/ .awarness{} .awarness_holder{} .awarness_holder h3{font-size:22px; font-weight:bold;} /*project*/ .project{ background:#2c3e4f;} .project h2{color:#fff;} .project_img_holder{position:relative;} .project_img_holder figure{border:5px solid #fff;} .project_img_holder .price{position:absolute; width:144px; height:53px; line-height:53px; background:#e54d42; text-align:center; color:#fff; right:5px; bottom:5px;} .project_list figure{margin-bottom:30px;} .project_list h3{font-weight:bold; color:#fff;} .project_list p{color:#708fac;} /*testimonials*/ .testimonials{ padding-top:50px; padding-bottom:80px;} .testimonial_thumb figure{border:3px solid #e1e1e1; display:inline-block; margin-bottom:10px;} .testimonial_thumb p{font-weight:bold; text-align:center;} .testimonial_text{width:75%;} .testimonial_text span.fa-quote-left{margin-right:20px; font-size:20px;} /*footer start*/ footer{width:100%; background:#313a3f url(../images/footer_bg.png) no-repeat center bottom; padding:30px 0; position:relative; color:#8c969b; font-size:13px;} .footer_img{background:url(../images/footer_bg.png) no-repeat center top; background-size:cover; position:absolute; top:-197px; left:0; width:100%; height:197px;} footer a{color:#8c969b;} footer h3{color:#fff; padding-bottom:10px; border-bottom:1px solid #3d4950; font-weight:300; font-size:22px; font-weight:normal;} footer ul li a:hover{text-decoration:underline; color:#fff;} .help_col{} .help_col li{line-height:18px;} .help_col li a{display:block;} .help_col li a:hover{text-decoration:none; padding-left:5px; } .footer_col .address li span{ margin-right:10px; } .footer_column li{margin-bottom:10px;} .address li{ margin-bottom:3px;} .footer_social_media a{display:inline-block; margin-right:6px;} .design a span{color:#ff5500;} .design a span:hover{text-decoration:underline;} .footer_last .container{ border-top:1px solid #3d4950; padding-top:20px; font-size:13px; margin-top:56px; text-align:center;} .footer_social_media{margin-top:15px;} .affiliated{margin-top:20px;} .affiliated a{display:inline-block; margin-right:10px;} .footer_social_media p.connect_, .affiliated p.connect_{text-transform:uppercase; font-size:14px; margin-bottom:10px;} .footer_social_media .fa{color:#fff; text-align:center; height:30px; width:30px; line-height:30px; font-size:14px; margin-right:5px;} .footer_social_media a:hover{text-decoration:none;} .footer_social_media .fa-facebook{background:#3b5998;} .footer_social_media .fa-twitter{background:#28a9e0;} .footer_social_media .fa-google-plus{background:#da4835;} .footer_social_media .fa-linkedin{background:#007fb2;} /* #Medai Queries for responsiveness---- */ @media(max-width: 1200px){ } @media(max-width: 992px){ } @media screen and (max-width: 768px) { } @media screen and (max-width: 767px) { h2{font-size:20px;} .pull-right{float:none !important;} .pull-left{float:none !important;} .top_bar .right{ float:none; width:100%; line-height:normal; margin-bottom:10px;} .menu_responsive{ display:inline-block;} .navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff;} .dropdown-menu{min-width:100%;} .padd_both50{padding-top:20px; padding-bottom:20px;} .help{background:none; height:auto;} .project_img_holder figure img{width:100%;} .tp-caption{display:none;} .navbar-nav .open .dropdown-menu{ background-color:#e54d42;} .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{ color:#b5c3ff; } .project_list{margin-bottom:20px;} .carousel-control .icon-prev, .carousel-control .fa-long-arrow-left{left:100%; top:100%;} .carousel-control .icon-next, .carousel-control .fa-long-arrow-right{ right:100%; top:100%;} .help_block {margin-top:20px;} .logo a{line-height:29px; font-size:24px;} } @media (max-width:600px){ } @media(max-width: 500px){ } @media(max-width: 480px){ .carousel-control .icon-next, .carousel-control .fa-long-arrow-right{right:170px;} .carousel-control .icon-prev, .carousel-control .fa-long-arrow-left{left:170px;} } @media(max-width: 450px){ } @media (max-width: 425px){ } @media(max-width: 360px){ } @media(max-width: 320px){ .carousel-control .icon-next, .carousel-control .fa-long-arrow-right{right:100px;} .carousel-control .icon-prev, .carousel-control .fa-long-arrow-left{left:100px;} }