@font-face{font-family:Oswald-Regular;src:url('../fonts/theme/oswald/Oswald-Regular.ttf');}
@font-face{font-family:Oswald-Bold;src:url('../fonts/theme/oswald/Oswald-Bold.ttf');}
@font-face{font-family:Oswald-Medium;src:url('../fonts/theme/oswald/Oswald-Medium.ttf');}
@font-face{font-family:Oswald-ExtraLight;src:url('../fonts/theme/oswald/Oswald-ExtraLight.ttf');}
@font-face{font-family:Oswald-Light;src:url('../fonts/theme/oswald/Oswald-Light.ttf');}
@font-face{font-family:Oswald-SemiBold;src:url('../fonts/theme/oswald/Oswald-SemiBold.ttf');}

@font-face{font-family:Raleway-Regular;src:url('../fonts/theme/raleway/Raleway-Regular.ttf');}
@font-face{font-family:Raleway-Bold;src:url('../fonts/theme/raleway/Raleway-Bold.ttf');}
@font-face{font-family:Raleway-ExtraLight;src:url('../fonts/theme/raleway/Raleway-ExtraLight.ttf');}

@font-face{font-family:arial;src:url('../fonts/theme/arial/arial.ttf');}
@font-face{font-family: 'Segoe UI Regular';src:url('../fonts/theme/segoe/Segoe-UI.woff');}
@font-face{font-family: "Myriad-Pro";src:url('../fonts/theme/myriadpro/MyriadPro-Regular.otf');}
/* common */
html,body{overflow-x: hidden;}
body{font-family:Raleway-Regular;}
.p-l-0{padding-left: 0;}
.p-r-0{padding-right: 0;}
.p-b-50{padding-bottom: 50px;}
.p-t-50{padding-top: 50px;}
.tzsection{padding: 50px 0;}
.heading{border-left: 3px solid #56C5E6;
         padding-left: 15px;}
.heading h1:first-child{font-family: 'Raleway-ExtraLight';
                        text-transform: uppercase;
                        color:#808080;margin-bottom: 0;font-size: 18px;
}
.heading h1:last-child{font-family: Oswald-Bold;color: #262626;margin-top: 0;text-transform: uppercase;}
.tzbtn1{
    color: #FFF;
    border:2px solid #FFF;
    border-radius: 0px;text-transform: uppercase;
    font-family:Raleway-Bold;padding: 6px 48px;background: transparent;
}
.tzbtn1:hover,.tzbtn1:active,.tzbtn1:focus{
    color: #FFF;
    border:2px solid #FFF;
    border-radius: 0px;text-transform: uppercase;
    font-family:Raleway-Bold;
    background: transparent;
}
.tzbtn2{
    color: #F91717;
    border:2px solid #FF4444;
    border-radius: 0px;text-transform: uppercase;
    font-family:Raleway-Bold;padding: 6px 48px;
}
.tzbtn2:hover,.tzbtn2:active,.tzbtn2:focus{
    color: #F91717;
    border:2px solid #FF4444;
    border-radius: 0px;text-transform: uppercase;
    font-family:Raleway-Bold;
    background: #FFF;
}
.breadcrumbs{background: #F6F2F2;
             float: left;
             width: 100%;
             padding: 10px 0;
}
.breadcrumbs ul{padding-left: 0;margin-bottom: 0;}
.breadcrumbs ul li{list-style: none;display: inline-block;}
/* header */
.other_page_header{border-bottom: 1px solid #88242C;}
.other_page_footer{border-top: 1px solid #88242C;}
.navbar-brand{height: auto;margin-top: 0;padding-top: 8px;padding-bottom: 8px;padding-left: 0;
              margin-left: -50px !important;
}
header .navbar-nav > li{padding-bottom: 0;padding-top: 0;}
header ul.nav li a{font-weight: normal;color: #121B29;padding: 0px 28px 5px 28px !important;font-family:arial;}
header ul.nav li.active a{border-bottom: 4px solid #0F75BC;color: #121B29 !important;font-weight: normal !important;}
header ul.nav li a:hover{border-bottom: 4px solid #0F75BC;color: #121B29 !important;}
header .navbar-collapse ul.navbar-nav{margin-top: 30px;margin-right: 15%;}
/*.header_contact{
    float: right;margin-top: 19px;padding-left: 60px;
    position: relative;
    left: 34px;padding-left: 20px;
}*/
.header_contact{
    margin-top: 19px;
    padding-left: 60px;
    position: relative;
    padding-left: 0px;
    position: absolute;
    right: -15px;
}

.header_contact li{list-style: none;width: 100%;float: left;max-width: 200px;}
.header_contact li:first-child  img{
    width: 13px;
    height: 20px;
    float: left;
    position: relative;
    right: 27px;
    top: 2px;
}
.header_contact li:last-child img{
    width: 20px;
    height: 14px;
    right: 30px;
    top: 6px;
    float: left;
    position: relative;
}
.header_contact li p{white-space: nowrap;background: #88242C;color: #FFF;border:1px solid #707070;border-radius: 10px;
                     font-family: 'Segoe UI Regular';}
.header_contact li p span{position: relative;left:-7px;}
.header_contact li:first-child p{margin-bottom: 1px;}
.header_contact li:first-child i{right: 26px;}
.header_contact i{
    color: #5AC6E9;
    float: left;
    position: relative;
    right: 30px;
    font-size: 18px;
    top: 3px;
}
/* slider */
.slider{float: left;width:100%;}
.anim-slider .anim-slide{background-size: cover !important;background-position: center !important;}
.slide_content{
    margin-left: 3.5%;
    margin-top: 6%;
    float: left;
}
.slide_content h5{background: #88242C;text-transform: uppercase;font-family: 'Segoe UI Regular';border:1px solid #707070;color: #FFF;
                  white-space: nowrap;
                  font-size: 24px;
                  font-weight: normal;
                  padding: 10px 15px;text-align: center;
}
.slide_content h1{font-family:Oswald-Bold;color: #FFF;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5);
                  margin-top: 20px;
                  font-size: 52px;
                  text-align: left;
                  width: 435px;
                  margin-left: 15px;
}
.slide_content a{color: #FFF;margin-top: 30px;margin-left: 20px;}
.devrama-slider{top:90% !important;width:100% !important;}
.devrama-slider .projector{width:100% !important;}
.devrama-slider .projector .primary-img{width:100% !important;}
.devrama-slider img{width:100% !important;height: 100% !important;}
.devrama-slider .inner{}
.devrama-slider .inner span{
    border: 1px solid #88242C !important;
    border-radius: 20px !important;margin-right: 20px;text-indent: -9999px;
    height: 14px !important;background: transparent !important; width: 14px !important;
}
.devrama-slider .inner span.active{border: 1px solid rgb(255, 255, 255) !important;}
.nh-slider{position: relative;}
.slider_overlay{
    position: absolute;
    background: rgba(43,64,95,0.3);
    left: 0;top:0;width:100%;height: 100%;
}
/* what we do */
.what_we_do{float: left;width:100%;}
.what_we_do .content{}
.what_we_do .content .list{text-align: center;font-family: 'Raleway-Regular';float: left;width: 100%;padding: 30px 0px;}
.what_we_do .content .list:hover{border:1px solid #CCEEF8;}
.what_we_do .content .list img{}
.what_we_do .content .list .title{color: #262626;font-weight: normal;margin-top: 25px;position: relative;}
.what_we_do .content .list .title:after{
    width:50px;height: 1px;content: '';position: absolute;
    background: #56C5E6;left: 40%;bottom: -25px;
}
.what_we_do .content .list .desc{color: #4D4D4D;margin-top: 25px;width:100%;float: left;}

/* about */
.about{background: #50ACEA;padding: 30px 0;float: left;width:100%;overflow: hidden;}
.about .about_left{}
.about .about_left img{float: left;}
.about .about_left h5{
    color: #FFF;
    float: left;
    font-size: 24px;
    font-weight: normal;
    font-family: Oswald-Regular;
    margin-bottom: 0;
    margin-top: 42px;
    margin-left: 20px;
    line-height: 29px;
    position: relative;z-index: 1;
}
.about .about_right{}
.about .about_right p{
    color: #FFF;margin-bottom: 0;margin-top: 18px;
    font-family: Raleway-Regular;font-size: 18px;line-height: 24px;text-align: center;
}
.about .border_div{
    border: 4px solid #4CA0E1;
    width: 150px;
    height: 150px;
    position: absolute;
    left: 156px;
    top: -15px;
    z-index: 0;
    overflow: hidden;
}
/* why us */
.why_us{float: left;width:100%;}
.why_us .why_us_left{margin-top: 16%;}
.why_us .why_us_left .content{padding-right: 120px;}
.why_us .why_us_left .content p{margin-bottom: 0;color: #4D4D4D;}
.why_us .why_us_right{}
.why_us .why_us_right .list{margin-left: 0;padding-left: 0;}
.why_us .why_us_right .list li{list-style: none;float: left;width: 100%;}
.why_us .why_us_right img{float: left;max-width: 284px;max-height: 284px;margin-right: 20px;}
.why_us .why_us_right h4{font-family: Oswald-Regular;font-weight: normal;color: #262626;margin-top: 10%;}
.why_us .why_us_right p{font-family: Raleway-Regular;color: #4D4D4D;padding-right: 92px;}
.why_us .why_us_right a{color: #5AC6E9;}

/* contact us */
.contact_us{float: left;width:100%;background: rgba(101,119,139,0.1);}
.contact_us .contact_us_left{}
.contact_us .contact_us_left ul{padding-left: 18px;}
.contact_us .contact_us_left ul li{list-style: none;}
.contact_us .contact_us_left ul li p:first-child{float: left;margin-bottom: 0;text-transform: uppercase;font-family:arial;}
.contact_us .contact_us_left ul li p:last-child{margin-left: 90px;margin-bottom: 0;font-size: 15px;font-family: 'Segoe UI Regular';}
.contact_us .contact_us_right{}
.contact_us .contact_us_right .form-control{box-shadow: none;border:none;border-bottom: 1px solid #4D4D4D;border-radius: 0px;
                                            padding-left: 0;background: transparent;}
.contact_us .contact_us_right .form-group a{margin-top: 20px;background: transparent;}
.contact_us .contact_us_right .form-control:active,
.contact_us .contact_us_right .form-control:focus
{
    border-bottom: 1px solid #5AC6E9;
}
.contact_us .contact_us_right .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #4D4D4D;font-family: "Myriad-Pro";
}

.contact_us .contact_us_right .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #4D4D4D;font-family: "Myriad-Pro";
}

.contact_us .contact_us_right .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #4D4D4D;font-family: "Myriad-Pro";
}

.contact_us .contact_us_right .form-control:active::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #5AC6E9;
}
.contact_us .contact_us_right .form-control:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #5AC6E9;
}

.contact_us .contact_us_right .form-control:active:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #5AC6E9;
}
.contact_us .contact_us_right .form-control:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #5AC6E9;
}

.contact_us .contact_us_right .form-control:active::-ms-input-placeholder { /* Microsoft Edge */
    color: #5AC6E9;
}
.contact_us .contact_us_right .form-control:focus::-ms-input-placeholder { /* Microsoft Edge */
    color: #5AC6E9;
}

/* footer */
footer{float: left;width:100%;}
footer .fsec1{background: #88242C;float: left;width:100%;}
footer .fsec1 .fsec1_left{}
footer .fsec1 .fsec1_left h5{font-family:Oswald-Regular;color: #FFF;font-size: 22px;font-weight: normal;}
footer .fsec1 .fsec1_left h5 span{font-size: 14px;font-family: 'Raleway-Regular';}
footer .fsec1 .fsec1_right h5{font-family:Oswald-Regular;color: #FFF;text-align: center;font-size: 22px;margin-bottom: 0;
                              margin-top: 32px;font-weight: normal;}
footer .fsec2{background: #18212D;float: left;width:100%;padding: 30px 0 60px 0;}
footer .fsec2 h5{color: #FFF;text-transform: uppercase;font-size: 16px;font-family:Oswald-Bold;font-weight: normal;}
footer .fsec2 p{color: #FFF;font-family:arial;line-height: 24px;}

footer .fsec2 .fsec2_left ul{padding-left: 0;margin-top: 35px;}
footer .fsec2 .fsec2_left ul li{list-style: none;margin-right: 8px;display: inline-block;}
footer .fsec2 .fsec2_left ul li a{
    width: 30px;
    height: 30px;
    float: left;
    text-align: center;
    line-height: 30px;

}
footer .fsec2 .fsec2_left ul li:nth-child(1) a i{color: #3B5998;}
footer .fsec2 .fsec2_left ul li:nth-child(2) a i{color: #55ACEE;}
footer .fsec2 .fsec2_left ul li:nth-child(3) a i{color: #3F729B;}
footer .fsec2 .fsec2_left ul li:nth-child(4) a i{color: #D34B40;}

footer .fsec2 .fsec2_left ul li:nth-child(1) a{border: 1px solid #3B5998;}
footer .fsec2 .fsec2_left ul li:nth-child(2) a{border: 1px solid #55ACEE;}
footer .fsec2 .fsec2_left ul li:nth-child(3) a{border: 1px solid #3F729B;}
footer .fsec2 .fsec2_left ul li:nth-child(4) a{border: 1px solid #D34B40;}

footer .fsec2 .fsec2_center{}
footer .fsec2 .fsec2_center ul{padding-left: 0;}
footer .fsec2 .fsec2_center ul li{list-style: none;font-size: 13px;margin-bottom: 8px;}
footer .fsec2 .fsec2_center ul li a{color: #5AC6E9;}

footer .fsec2 .fsec2_right{}
footer .fsec2 .fsec2_right img{width:100%;}
footer .fsec2 .fsec2_right .home_map{position: relative;width:110%;}

.copyright{float: left;width: 100%;padding-top: 4px;}
.copyright img{float: left;margin-right: 5px;}
.copyright p{margin-top: 30px !important;color: #2B405F;font-family:arial;}
#sub-footer{padding: 10px 0;}
#sub-footer .sub-footer-right{margin-top: 20px;}
#sub-footer .sub-footer-right p{text-transform: uppercase;color: #2B405F;float: right;font-family:arial;}
#sub-footer .sub-footer-right i{float: right;margin-top: -2px;margin-left: 10px;}

/* who_we_are */
.who_we_are{float: left;width:100%;}
.about_img img{width:100%;}
/* contact page */
.mapmain{float: left;width:100%;}
.mapmain .map_sub{height: 300px;}

/* services */
.why_us_inpage{}
.why_us_inpage .why_us_inpage_sub{padding-top: 50px;}
.why_us_inpage .why_us_inpage_sub .list{padding-left: 0;}
.why_us_inpage .why_us_inpage_sub .list li{list-style: none;float: left;width:100%;margin-bottom: 20px;border:1px solid #CCEEF8;padding: 10px;}
.why_us_inpage .why_us_inpage_sub .list img{float: left;max-width: 200px;max-height: 200px;margin-right: 20px;}
.why_us_inpage .why_us_inpage_sub .list h4{font-family: Oswald-Regular;font-weight: normal;color: #262626;margin-top: 1%;}
.why_us_inpage .why_us_inpage_sub .list p{font-family: Raleway-Regular;color: #4D4D4D;}

/* media css */

@media (min-width:1600px) and (max-width:1920px){
    header ul.nav li a{font-size: 13px;}
    .header_contact li p{font-size: 20px;}
    .slide_content h5{font-size: 30px;line-height: 40px;text-align: center;}
    .slide_content h1{font-size: 64px;line-height: 70px;width: 550px;}
    .tzbtn1{font-size: 14px;}
    .heading h1:first-child{font-size: 24px;}
    .heading h1:last-child{font-size: 48px;}
    .what_we_do .content .list .title{font-size: 24px;}
    .what_we_do .content .list .desc{font-size: 16px;}
    .about .about_left h5{font-size: 24px;}
    .about .about_right p{font-size: 20px;}
    .why_us .why_us_left .content p{font-size: 18px;line-height: 28px;}
    .why_us .why_us_right h4{font-size: 24px;line-height: 24px;}
    .why_us .why_us_right p{font-size: 16px;line-height: 28px;}
    .contact_us .contact_us_left ul li p:first-child{font-size: 15px;line-height: 28px;}
    .contact_us .contact_us_left ul li p:last-child{font-size: 20px;line-height: 28px;}
    footer .fsec1 .fsec1_left h5 span{font-size: 16px;}
    footer .fsec1 .fsec1_left h5{font-size: 24px;line-height: 28px;}
    footer .fsec1 .fsec1_right h5{font-size: 24px;line-height: 28px;}
    footer .fsec2 .fsec2_center ul li{margin-bottom: 12px;}
    footer .fsec2 p{font-size: 16px;line-height: 28px;}
    /*.header_contact{left: 91px;}*/
    .header_contact li{max-width: 240px;}
    .why_us_inpage .why_us_inpage_sub_2 p{font-size: 18px;line-height: 28px;}
    .why_us_inpage .why_us_inpage_sub .list h4{font-size: 24px;line-height: 24px;}
    .why_us_inpage .why_us_inpage_sub .list p{font-size: 16px;line-height: 28px;}
    .who_we_are p{font-size: 18px;line-height: 28px;}
    .vm p{font-size: 18px;line-height: 28px;}
    .container {width: 1170px !important;}
    .container-fluid {width: auto !important;max-width: 1470px;}
    .why_us .why_us_left .content{padding-right: 80px;}
    .why_us .why_us_right p{padding-right: 90px;}
    header .navbar-collapse ul.navbar-nav{margin-right: 0%;}
    footer .fsec2 .fsec2_right .home_map{width:114%;}
}
@media (min-width:1367px) and (max-width:1600px){
    header .navbar-collapse ul.navbar-nav{margin-right: 15%;}
}
@media (min-width: 1200px){
    .container {width: 1080px;}
    .container-fluid {width: 1170px;}
}
@media (min-width:992px) and (max-width:1024px){
    .slide_content h5{font-size: 18px;text-align: center;}
    .slide_content h1{font-size: 32px;margin-left: 0;}
    .slide_content a{margin-top: 10px;font-size: 12px;margin-left: 0;}
    .navbar-brand{margin-left: 0px !important;}
    .header_contact{position: relative;right: -30px;float: right;}
    header .navbar-collapse ul.navbar-nav{margin-right: 0;}
    footer .fsec2 .fsec2_right .home_map{width:100%;}
    .about .border_div{display: none;}
}
@media (min-width:768px) and (max-width:991px){
    header .navbar-collapse ul.navbar-nav{position: absolute;right: 0;top:55px;}
    header .navbar{height: 130px;}
    .what_we_do .content .list .title{font-size: 14px;}
    .what_we_do .content .list .desc{font-size: 12px;}
    .what_we_do .content .list .title::after{left: 30%;}
    .about .about_left h5{margin-top: 20px;margin-left: 0;}
    .about .about_right p{margin-top: 45px;}
    .why_us .why_us_right img{max-width: 180px;max-height: 180px;}
    .why_us .why_us_right h4{margin-top:1%;margin-left: 200px;}
    .why_us .why_us_right p{margin-left: 200px;}
    .why_us .why_us_right a{margin-left: 0px;}
    .slide_content h5{font-size: 16px;text-align: center;padding: 6px 10px;}
    .slide_content h1{font-size: 28px;margin-left: 0;}
    .slide_content a{margin-top: 10px;font-size: 12px;margin-left: 0;}
    .devrama-slider{top:85% !important;}
    .navbar-brand{margin-left: 0px !important;}
    .header_contact{position: relative;right: -30px;float: right;}
    header .navbar-collapse ul.navbar-nav{margin-right: 0;}
    footer .fsec2 .fsec2_right .home_map{width:100%;}
    .about .border_div{display: none;}
}
@media (min-width:320px) and (max-width:767px){
    .navbar-header{margin-top: 0;}
    .navbar-toggle{margin-top: 27px;}
    .header_contact{float: left;left: 15px;padding-left: 15px;position: relative;}
    header .navbar-collapse ul.navbar-nav {
        margin-top: 0;
        padding-top: 0;
    }
    header ul.nav li a{padding-left: 0 !important;}
    .navbar-brand{margin-left: 15px !important;}
    /*.header_contact{position: relative;right: 0;float: right;}*/
    header .navbar-collapse ul.navbar-nav{margin-right: 0;}
    footer .fsec2 .fsec2_right .home_map{width:100%;}
    .about .border_div{display: none;}
}
@media (min-width:481px) and (max-width:767px){
    .what_we_do .content .list .title{font-size: 14px;}
    .what_we_do .content .list .desc{font-size: 12px;}
    .what_we_do .content .list .title::after{left: 30%;}
    .slide_content h5{font-size: 12px;text-align: center;padding: 6px 10px;}
    .slide_content h1{font-size: 16px;width:100%;margin-left: 0;}
    .slide_content a{margin-top: 0px;font-size: 12px;margin-left: 0;}
    .slide_content{margin-top: 1%;margin-left: 0%;left: 0 !important;padding: 0 15px;}
    .tzbtn1{padding: 5px 25px;}
    .devrama-slider{top:81% !important;}
    .why_us .why_us_left .content{padding-right: 0;}
    .why_us .why_us_right p{padding-right: 0;}
}
@media (min-width:320px) and (max-width:480px){
    .what_we_do .content .list .title{font-size: 14px;}
    .what_we_do .content .list .desc{font-size: 12px;}
    .what_we_do .content .list .title::after{left: 30%;}
    .what_we_do .content .list .title::after{left:43%;}
    .why_us .why_us_left .content p{margin-bottom: 20px;}
    .why_us .why_us_right img{float: none;width:150px;height: 150px;margin-right: 0;}
    .why_us .why_us_right .list li{text-align: center;margin-bottom: 20px;}
    .tzsection{padding: 30px 0;}
    .p-b-50{padding-bottom: 30px;}
    .p-t-50{padding-top: 30px;}
    .copyright{text-align: center;}
    .copyright img{float: none;}
    .copyright p{margin-top: 10px !important;}
    #sub-footer .sub-footer-right{margin-top: 0px;margin-bottom: 0;text-align: center;}
    #sub-footer .sub-footer-right p{float: none;}
    #sub-footer .sub-footer-right i{float: none;margin-top: 0px;margin-left: 0px;}
    .slide_content h5{font-size: 12px;text-align: center;padding: 6px 10px;}
    .slide_content h1{font-size: 16px;width:100%;margin-bottom: 10px;margin-left: 0;}
    .slide_content a{margin-top: 0px;font-size: 10px;margin-left: 0;}
    .slide_content{margin-top: 1%;margin-left: 0%;left: 0 !important;padding: 0 15px;}
    .tzbtn1{padding: 2px 18px;}
    .devrama-slider{top:75% !important;}
    .why_us_inpage .why_us_inpage_sub .list img{margin-bottom: 20px;float: none;}
    footer .fsec1 .fsec1_right h5{text-align: left;}
    .why_us .why_us_left .content{padding-right: 0;}
    .why_us .why_us_right p{padding-right: 0;}
}