@import url("fonts.css");

html,body{margin:0px; height: 100%; min-height: 100%; overflow-x:hidden;}
body{font-family: 'MyriadPro-cond'; font-size: 17px; background:url(../images/background.jpg) #fff; color:#2a2929; /*background-size: 100% auto;*/}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-family: 'MyriadPro-cond';}
h2{font-size:28px; margin:20px 0px 20px 0px;}
h2 span{color:#f77f21}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:15px;}
p{font-family: 'MyriadPro-cond'; font-size: 17px; line-height: 23px; color:#656463;}

a{color:#9b5021;}
a:hover{color:#78340a;}
a{outline: 0; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    -ms-transition: all 0.3s ease;     transition: all 0.3s ease;}
a, .btn{outline: 0; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    -ms-transition: all 0.3s ease;     transition: all 0.3s ease;}
a, .btn, a:hover, .btn:focus, a:focus, .btn:focus{outline: 0; }
::selection{background-color:#fedcae;color:#fff}
::-moz-selection{background-color:#fedcae;color:#78340a;}
hr{border:0px; border-top:1px solid #e8e6e4; float:left; width:100%; margin: 10px 0px;}
.btn-primary {background:#a3501d; border:0px; border-radius:0px; padding:5px 10px; font-size:18px; font-family:'MyriadPro-cond'; margin-top: -11px;}
.btn-primary:hover{background:#7b3a12}
.btn-default {background:#CCC; color:#fff; border:0px; border-radius:0px; padding:8px 10px; font-size:14px; font-family:'MyriadPro-cond';}
input[type=text], input[type=password]{border:1px solid #c7d5db; margin-right:10px; margin-bottom:10px; padding:8px 14px; border-radius:0px; font-size:14px;}
input[type=submit]{background:#a3501d; font-size:16px;  color:#fff; border:0px; border-radius:0px; font-weight:normal; font-family: 'MyriadPro-cond'; padding:8px 14px; margin-right:10px; margin-top:10px;}

select{-moz-appearance:none; background:url(../images/down-arrow.png) right center no-repeat; -moz-appearance: none;  text-indent: 0.01px;  text-overflow: "";}


.wrapper{ background-color: #fff;}
.brand{margin-left: 5px;}
.top h4{color: #9f430a; font-family: 'MyriadPro-cond';} 
.social-medias{margin-top:30px;}
.social-medias a{height: 32px; width: 32px; background: url(../images/social-sprits.png); float: left; color: transparent; margin-right: 5px;}
.social-medias a.facebook {background-position: 0px 0px;}
.social-medias a.twitter {background-position: -37px 0;}
.social-medias a.pininterest {background-position: -74px 0;}
.social-medias a.youtube {background-position: -111px 0;}
.social-medias a.facebook:hover {background-position: 0px -32px;}
.social-medias a.twitter:hover {background-position: -37px -32px;}
.social-medias a.pininterest:hover {background-position: -74px -32px;}
.social-medias a.youtube:hover {background-position: -111px -32px;}
.header_top .navigation .col-md-8 {background-color: #6a420c;}
.navbar-default {background: none; border: 0px}
.navbar { margin-bottom: 0px; min-height: 30px;position: relative;}
.navbar-default .navbar-nav > li > a{color: #fff;font-family: 'MyriadPro-Cond';font-size: 18px;}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #fff; background-color: #a66e1a; font-family: 'MyriadPro-Cond';font-size: 18px;}
.navbar-nav > li > a {padding-bottom: 10px;padding-top: 10px;}
.nav > li > a {display: block;padding: 15px 30px;position: relative;}
.navbar {border-radius: 0px;}
.nav navbar-nav li{ padding-top: 20px}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color:#a66e1a;color: #fff;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color: #a66e1a;color: #fff;}
.header_top .navigation .col-md-4 {background-color: #f29e2f;min-height: 50px;}
.main-nav-header {height:auto}
.main-nav-header .row{margin-left: 0px; margin-right: 0px;}
.navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {  border: 0px solid transparent;  border-radius: 0px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #91744a;}
.dropdown-menu {position: absolute;top: 100%;left: 0px;z-index: 1000;display: none;float: left;min-width: 160px;padding: 0px 0px;margin: -4px 0px 0px;font-size: 12px;text-align: left;list-style: outside none none;background-color: #6A420C;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 4px;box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);color: #fff;font-size: 18px;}
.dropdown-menu > li > a {display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.42857;color: #fff;font-size: 18px;white-space: nowrap;}
.dropdown-menu > li > a:hover {display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.42857;font-size: 18px;color: #fff;;white-space: nowrap; background-color: #91744a;}


header .right-box {min-height: 30px;}
header .right-box img {margin:10px 0px; width: 25px; margin-right: 10px;}
header .right-box img, header .right-box h4 {color: #fff;float: left;font-family: "myriadpro-cond";font-size: 20px;margin-top: 13px;}
;}
.popupform input[type=submit]{background:#a3501d; font-size:16px;  color:#fff; border:0px; border-radius:0px; font-weight:normal; font-family: 'MyriadPro-cond'; padding:8px 14px; margin-right:10px; margin-top:10px;}
.popupform input[type=submit]:hover{background:#7b3a12;}
.popupform input[type=reset]{background:#a3501d; font-size:16px;  color:#fff; border:0px; border-radius:0px; font-weight:normal; font-family: 'MyriadPro-cond'; padding:8px 14px; margin-right:10px; margin-top:10px;}
.popupform input[type=reset]:hover{background:#7b3a12;}

.banner { height: auto; width: 100%; float: left; /*background-color: #000;*/margin-top: -10px;}
.banner .slider {height: auto; width: auto; float: left; position: relative; min-width:100%;}
.banner .slider .box{min-width: 359px; position: absolute; background: rgba(255,255,255,.7); right:22px; bottom:10px; top:27px; padding:15px;  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */  -moz-box-sizing: border-box;    /* Firefox, other Gecko */  box-sizing: border-box;  /* Opera/IE 8+ */; z-index: 999;}
.banner .slider img {width: 100%}
.banner .slider .boxtitle {  color: #7e4624; /*color: #fff;*/  font-family: "myriadpro-boldcond";  font-size: 30px;  line-height: 36px;  text-transform: uppercase;}


article .left_side, article .right-side {height: 100%}
article .left_side > .col-md-8 {padding-left: 0px;}
article  .col-md-8 h1{font-family: 'myriadpro-cond'; color:#7b3a12; text-transform: uppercase; padding-top: 20px; font-weight:bold; }
article  h2{font-family: 'myriadpro-boldcond'; text-transform: uppercase;  padding-top: 10px;}
article  h2.title {width: 100%; float: left;}
article  h2 .orange{font-family: 'myriadpro-boldcond'; color:#f48c12;}
article .col-md-9  h5{color: #9c6b4d;font-size: 18px;font-family: 'myriadpro-boldcond'; padding: 0px; margin-top: 0px; margin-bottom: 10px; float: left; width: 100%;}
article p{font-family: 'myriadpro-cond'; font-size: 17x; color:#2e1606;  line-height: 23px; padding-top: 14px; float: left; width: 100%;}
article .images{border: 2px solid #b46434;}
article .images:hover{border: 2px solid #643519;}
article .col-md-9 p:after {content: "..."}
article aside .right-side .col-md-4{background-color: #f0f0ef; margin-top: 71px; /*float: left;*/}
article aside .right-side .video-gallery .block{padding: 15px; margin-top: 50px;}
article aside .right-side .video-gallery img{width: 100%; margin: 0px;}
article aside .right-side .video-gallery a{position: relative; float: left;}
article aside .right-side .video-gallery .overlay, .video-gallery .overlay{background:url("../images/play-ico.png") no-repeat scroll center center rgba(0, 0, 0, .5); position: absolute; top:0px; bottom:0px; left:0px; right:0px;}
section .fancybox-media{position: relative; float: left; margin-top: 20px;}
section .fancybox-media img{margin: 0px; width: 100%;}
article aside .right-top{background-color: #f29e2f; margin-top: -20px; min-height: 45px}
article aside .right-top  h3{color: #fff;font-size: 24px;font-family: 'myriadpro-boldcond'; text-align:center; margin-top:12px}
article  aside  h4{color: #f2a33b;font-size: 18px;font-family: 'myriadpro-cond'; padding-left:1px;margin-top: -30px}
article  aside  .row  .info img{;margin:15px;}
article  aside .info h3{ color: #a5a4a0;font-size: 18px;font-family: 'myriadpro-cond'; padding-left:15px;}
/*article  aside .info h4::after{content:"9895423658"; padding-left: 30px;font-size: 18px;font-family: 'myriadpro-cond'; margin-top: 5px; font-size: 18px;font-family: 'myriadpro-cond';}
article  aside .info a h4::after{content:"teknowpcboard @gmail.com"; padding-left: 30px;font-size: 18px;font-family: 'myriadpro-cond'; margin-top: 5px;}*/
article aside div.img { margin-left:5px;padding: 5px;/*border: 1px solid #0000ff;*/height: auto; width: 178px;float: left;text-align: center;}	
article aside div.img img {margin: -5px 7px 8px 9px; display: inline;border: 2px solid #b46434; max-width:96%;}
article aside div.img a:hover img {border: 2px solid #643519;}
article aside div.desc {text-align: center;font-weight: normal;width: 120px; margin: 2px -7px 0 28px; font-size: 17px; line-height:22px; }
article .col-md-12 .images{margin-bottom: 20px;}
section .col-md-4  h1{color: #6a420c}
section .col-md-4  h4 a{font-size: 18px}
section .col-md-4 .text h5{font-family:'MyriadPro-boldcond'; }
section .text  h2{color: #000; font-size: 33px}
section .col-md-9  h3{font-size: 19px;margin: 0px;color:#653d06;}
section .col-md-8  p{font-size: 17px;padding-top:5px; color: #656463; line-height: 23px;}
section .col-md-8 .btn-primary {background:#a3501d; border:0px; border-radius:0px; padding:5px 15px; font-size:18px; font-family:'MyriadPro-cond'; margin-top:10px;}
section .col-md-8 .btn-primary:hover{background:#7b3a12}
section .col-md-8 .list p{background: url(../images/Capture.PNG)no-repeat scroll 0 1px rgba(0, 0, 0, 0);line-height: 14px;overflow: hidden;font-family:'MyriadPro-cond'; font-size: 18px; padding-left: 30px;}
section .col-md-8 .list p a{color: #919090}
section .col-md-8 .list p a:hover{color: #6a420c}

section .col-md-6 .news-events h4{float: none; font-weight: bold;}
section .col-md-6 .box1_1 .icon{float: left; background-color:#9e5d2f; width:60px; height: 60px;border-radius: 100px;  margin-top: 5px;}
section .col-md-6 .box1_1 .icon:hover{ background-color: #c7763c; border-radius: 100px;}
section .col-md-6 .box1_1 .icon .icon_text h2{color: #fff; text-align: center;margin-top: 14px;}
section .col-md-6 .box1_1 .box1_1_body{overflow: hidden;}
section .col-md-6 .box1_1 .box1_1_body .box1_1_title h3{color: #666; padding-left: 20px; }
section .col-md-6 .box1_1 .box1_1_body .box1_1_text p{color: #000; font-size: 16px;padding-left: 20px; line-height: 22px; text-align: justify;}


.col-md-6 .btn-primary {background:#a3501d; border:0px; border-radius:0px; padding:5px 10px; font-size:18px; font-family:'MyriadPro-cond'; margin-top: 0px;}
.col-md-6 .btn-primary:hover{background:#7b3a12}
.contact-form .coll-1, .contact-form .coll-2, .contact-form .coll-3 { display: inline-block; margin-bottom: 15px; margin-right: 16px; width: 236px;}
.contact-form .coll-3 { margin-right: 0;}
.form-control {background-color: #fff; overflow: hidden;background-image: none;border: 1px solid #ccc;border-radius: 0;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #555;display: block;font-size: 14px;height: 34px;line-height: 1.42857;margin-top: 10px;padding: 6px 12px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width: 100%;}
section input[type=text], input[type=password]{border:1px solid #c7d5db; padding:8px 10px; border-radius:0px; font-size:16px;}

.contact h4{float: none;}
#contact-form {margin-bottom: 44px; padding-top: 4px; position: relative;}
#contact-form label {display: block;margin-bottom: 0;position: relative;}
#contact-form input, #contact-form textarea {background: none repeat scroll 0 0 transparent;border: 1px solid #cecece;box-shadow: none;box-sizing: border-box;color: #686868;float: left;font: 300 14px/18px "Open Sans",sans-serif;outline: medium none; padding: 10px 13px; width: 100%;}
#contact-form textarea { height: 201px;margin: 0 0 27px; overflow: hidden;resize: none;}
#contact-form .success-message {background: none repeat scroll 0 0 transparent; box-shadow: none;box-sizing: border-box;color: #686868;font: 300 14px/18px "Open Sans",sans-serif;height: 0;left: 0;overflow: hidden; padding: 0;position: absolute;text-align: center;top: 0;transition: all 0.7s linear 0s;width: 100%;}
#contact-form input, #contact-form textarea {background: none repeat scroll 0 0 transparent; border: 1px solid #c5c8c6; border-radius: 0px;box-shadow: none; box-sizing: border-box;color: #686868;float: left;font: 300 14px/18px "Open Sans",sans-serif;outline: medium none;padding: 10px 13px; width: 100%;}

.Gallery a.Gal {background-color: #000;border: 3px solid transparent;display: block;font-size: 0;line-height: 0;position: relative}
.Gallery a.Gal img {transition: all 0.5s ease 0s vertical-align: bot}
.Gallery a.Gal {background-color: transparent;border: 3px solid transparent;display: block;font-size: 0;line-height: 0;position: relative;padding-bottom:0px;padding-top: 20px;}
.Gallery a.Gal img {transition: all 0.5s ease 0s;vertical-align: bot}
.Gallery a.Gal span {background: url() no-repeat scroll -100px center rgba(0, 0, 0, 0);bottom: 0;display: block;left: 0;position: absolute;right: 0;top: 0;transition: all 0.5s eas}
.Gallery a.Gal:hover span {background-position: center center;}
.Gallery a.Gal:hover img {opacity: 0.6;}
.Gallery a.Gal:hover {background-color: transparent;border-color: transparent;border-radius: 3px;}
.Gallery1.g1 {padding-top: 24px;}
.Gllery1 {overflow: hidden;padding-top: 16px;}

.title h1{ text-align: center; font-weight: 400;}
.title p{text-align: center; font-size: 17px; color: #666; line-height: 25px;}

section  h3, section  h3 a {color: #b9761d;font-family: 'myriadpro-boldcond';text-decoration: none;}
section h3 a {padding-bottom:0px;padding-top:-20px;}
section  p{color: #404040;font-family: 'myriadpro-cond'; font-size: 17px; text-align: justify;}

footer .row {background-color: #000; margin-top: 30px}
footer .row .col-md-4{margin-bottom: 40px;}
footer h3{color: #a77c2b;font-size: 20px;font-family: 'myriadpro-cond'; padding-top: 20px}
footer .row  p{font-family: 'myriadpro-cond'; font-size: 17px; color:#fff;  line-height: 21px; margin-top: 10px; text-align:justify;}
footer .col-md-4 .ph1 p{font-family: 'myriadpro-cond'; font-size: 17px; color:#fff;margin-top: 10px; }
footer .col-md-4 .ph2 p{font-family: 'myriadpro-cond'; font-size: 17px; color:#fff;  padding-left:183px; margin-top:-12px;}

footer .row hr{border:0px; border-top:1px dotted #575656; float:left; width:100%; margin: 10px 0px;}
footer .row h5{color: #da8d5c;font-size: 17px;font-family: 'myriadpro-cond';  padding-top: 0px}
footer .social-medias1{margin-top:0px;}
footer .social-medias1 a{height: 32px; width: 32px;margin-top:5px; background:url(../images/social-sprits1_03.png); background-repeat: no-repeat; color: transparent; margin-bottom: 0px; float: left; }
footer .social-medias1 a:hover{color: transparent}
footer .social-medias1 span{width: 100%; float: left;}
footer .social-medias1 a.facebook {background-position: 0px 0px;}
footer .social-medias1 a.twitter {background-position: 0px -33px; float:left;}
footer .social-medias1 a.pininterest {background-position: 0px -65px;}
footer .social-medias1 a.youtube {background-position: 0px -93px;}
footer .social-medias1 a.facebook:hover {background-position: -32px -0px;}
footer .social-medias1 a.twitter:hover {background-position: -32px -33px;}
footer .social-medias1 a.pininterest:hover {background-position: -32px -65px;}
footer .social-medias1 a.youtube:hover {background-position: -32px -93px;}
footer .social-medias1 a.facebook:after {content: "Facebook";color: #da8d5c; line-height: 28px; margin-left: 40px;}
footer .social-medias1 a.twitter:after {content: "Twitter";color: #da8d5c; line-height:28px; margin-left: 40px;}
footer .social-medias1 a.pininterest:after {content: "Pinterest";color: #da8d5c; line-height: 28px; margin-left: 40px;}
footer .social-medias1 a.youtube:after {content: "Youtube";color: #da8d5c; line-height: 28px; margin-left: 40px;}
footer a{color:#da8d5c;}
footer a:hover{color:#fff;}
.sub-footer .col-md-4 h5{color:#9f430a;font-family: 'myriadpro-cond'; font-size: 17px}
.sub-footer .col-md-4 .menu a{color:#9f430a;text-decoration: none; display: inline-block;font-family: 'myriadpro-cond'; font-size: 17px; padding-top: 5px;}
.sub-footer .menu a:hover{color:#78340a; }
.sub-footer .col-md-4 .pull-right h5{color:#9f430a;font-family: 'myriadpro-boldcond'; right: 10px; }

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {display: block;height: auto;max-width: 100%;/*margin-bottom: 30px;*/}



@media (max-width:443px){
    
    body .menus {float: left !important;}
    body .menus  h4{margin-top: -5px;}
}
@media (max-width:767px){
    .navbar-default .navbar-nav > li > a:hover{background: #a66e1a !important;color: #fff !important;}
    .navigation .col-md-8{padding: 0px;}
    .navbar-nav{margin-top: 0px; margin-bottom: 0px;}
}


@media (max-width:730px){
    .top .col-md-8, .top .col-md-4{float: left; width: 100%;}
    .top .pull-right {float: left !important; width: 100%;}
    .top h4{width: 100%; float: left !important; text-align: left}
}
@media (max-width:1045px){
   .banner .slider .box{display: none} 
}
@media (max-width:991px){
    
   .top h4{float: left}
}
@media (max-width:884px){
.header_top .navigation .col-md-4{ margin-top:0px;}
}
@media (max-width:872px){
    
  .social-medias {float: left;}
  .social-medias {margin-top:0px;  text-align: center}
   
}
@media (max-width:854px){
section p {}
}