@charset "utf-8";
/* CSS Document */

/**************************Reset style***********************/
abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{ background: transparent; font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table, table td { padding:0; border:none; border-collapse:collapse; }
img { vertical-align:middle; border:0;}
embed { vertical-align:top;}
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}
a{ text-decoration:none; color:#333;}
a:hover{text-decoration:none !important; color:#ed1d29 !important;}


body{ padding:0; margin:0; font-size:14px;font-family: 'Open Sans', sans-serif; background:#f2f2f2 !important; overflow-x:hidden;}
.clr{ clear:both;}
.wrapper{ max-width:1170px; margin:0px auto;}

/**************************Start Header style***********************/

.header{ width:100%; float:left; padding:30px 0;}
.logo{ width:100%; float:left; text-align:center;}
.login{ width:100%; float:left; text-align:right; }
.login a{ color:#000; font-size:16px; padding:0 1%;}
.search_section{ width:100%; float:left; padding:50px 0;}
.ss_inner{ padding:0 20%;}
.ss_inner h1{ width:100%; text-align:center; padding:20px 0; font-size:28px;font-family: 'Open Sans', sans-serif; color:#4285f4; font-weight:600;}
.fromcontrol{ width:92%; float:left; height:38px; line-height:35px; outline:none; border:1px solid #d6d6d6; padding:0 10px;font-family: 'Open Sans', sans-serif; font-size:16px;
background:url(../images/download.png) no-repeat right 5px;
    background-size: 24px 24px;
    display: inline-block;
    vertical-align: middle;
}
.ssbtn{ outline:none; border:none; background:#4285f4; color:#fff; line-height:35px; float:left; padding:0 0; width:8%; text-align:center; font-weight:600; font-size:16px; text-transform:uppercase;font-family: 'Open Sans', sans-serif;
cursor:pointer; height:38px;}
.ssbtn:hover{ background:#333; color:#fff;}
.ssbtn i{ padding:8px 0 0 0; }

.maincontainer{ width:100%; float:left; padding:30px 0; min-height:450px;}
.resltsection{ padding:2%; width:100%; float:left; margin:0 0; background:#fff; border-bottom:4px solid #ccc; margin:0 0 20px 0;}
.resltsection h2{width:100%; text-align:left; padding:0 0 10px 0; font-size:18px;font-family: 'Open Sans', sans-serif;}
.resltsection p, .resltsection .description {padding:5px 0; font-size:16px;font-family: 'Open Sans', sans-serif;}
.btn_three{ float:right; padding:20px 0 ;}
.rating{float:left; padding:20px 0 ;}
.rating i{ font-size:16px; color:#FC0;}
.rating span{ color:#fff; background:#FC0; padding:2px 8px; font-size:16px;}
.btn_three a{ font-size:16px; font-weight:600; padding:0 5px; color:#693;}
.yvideosection{ width:100%; float:left;}
.video_box{ width:100%; float:left;}

.modal{ top:20% !important;}
.left_login{ padding:0 2% 0 0; border-right:1px solid #d6d6d6; width:45%; float:left;}
.google{ background:#df4930; padding:3%; color:#fff; float:left; width:90%; margin:0 0 15px 0;}
.google:hover{ color:#fff !important;}
.google i{ background:#fff; padding:5px; color:#df4930; margin:0 5px 0 0;}
.facebook{background:#507cc0; padding:3%; color:#fff; float:left; width:90%; margin:0 0 15px 0;}
.facebook:hover{ color:#fff !important;}

.facebook i{background:#fff; padding:5px 8px; color:#507cc0; margin:0 5px 0 0;}
.right_login{ width:48%; float:right;}
.mrg{ margin:0 0 15px 0;}
.fplink{ width:100%; float:left; margin:0 0 15px 0; color:#000; text-decoration:underline;}
.btnbg{ background:#507cc0; color:#fff;}
.urllink{ padding:5px 15px; background:#fff; color:#000 !important;}
.navigation{ width:100%; float:left;}
.navbar{ float:left; width:100%;}
.navigation .dropdown-menu li:hover .sub-menu {visibility: visible;}
.navigation .dropdown:hover .dropdown-menu {display: block;}
.navbar-inverse .navbar-nav > li > a {color: #000 !important;}
.navbar-inverse {background-color: #fff !important;border-color: #fff !important;}
.navbar-inverse .navbar-toggle {background: #000 !important;border-color: #333;}
.ftsection{ width:100%; text-align:center; padding:20px; font-size:24px;}
.tab_form{ width:50%; float:left;  padding:20px 0;}
.mrg{ margin:0 0 10px 0;}
.textarea{ width:100%;}
.revoluation{ width:100%;}
.revoluation label{ width:45%; float:left;    margin-right: 20%;}
.revoluation select{ width:45%; float:right;}
.revoluation radio{ margin-left: 2%;}
#myModal3{ top:5% !important;}
.navi{ float:right; padding:0; margin:0; list-style:none;}
.navi li{ padding:5px 10px; margin:0 5px; float:left; background:#fff;}
.navi li a{ color:#000; font-size:16px;}
.texarea{ width:100%;}
.wd{ width:40% !important;}
.lsbtn{ float:right;}
.myvideosection{ width:80% !important;}
.myvideosection iframe { height:500px;}

@media only screen and (min-width:320px) and (max-width:768px){
.tab_form{ width:100%;}
.revoluation label{ width:100%; float:left;}
.revoluation select{ width:100%; float:right;}
.wd{ width:100% !important;}
}
@media only screen and (min-width:320px) and (max-width:767px){
.navigation .dropdown:hover .dropdown-menu {display: block; position:relative; width:100%;}
}
@media only screen and (min-width:320px) and (max-width:360px){
	.left_login{ width:100%; padding:0; border:none;}
	.google{ width:100%;}
	.facebook{ width:100%;}
	.right_login{ width:100%;}
	.myvideosection iframe { height:auto;}
	.video_box iframe { height:auto;}
	
}




































@media only screen and (min-width:320px) and (max-width:768px){
.wrapper{ padding:0 2%;}
.ss_inner{ padding:0;}
}
@media only screen and (min-width:320px) and (max-width:480px){
.fromcontrol{ width:70%;}
.ssbtn{ font-size:14px; width:22%;}
}






